/* ==========================================================================
   DESIGN TOKENS & VARIABLES — PERSONALIZANDO DO SEU JEITO
   ========================================================================== */

:root {
  /* Cores Principais da Marca */
  --color-bordo-primary: #421209;
  --color-bordo-deep: #2A0B05;
  --color-bordo-darkest: #1A0603;
  --color-bordo-surface: #4E180E;
  --color-bordo-light: #5F2115;

  /* Dourado / Champagne */
  --color-gold-primary: #D59C66;
  --color-gold-light: #E4B588;
  --color-gold-hover: #C68B54;
  --color-gold-muted: rgba(213, 156, 102, 0.25);
  --color-gold-subtle: rgba(213, 156, 102, 0.12);
  --color-gold-glow: rgba(213, 156, 102, 0.35);

  /* Tons Claros & Cremes Quentes */
  --color-cream-base: #FAF6F0;
  --color-cream-surface: #F5EFEB;
  --color-cream-card: #FFFFFF;
  --color-cream-border: #E8DFD5;
  --color-cream-muted: #8E7D73;
  --color-sand-light: #EDE4D8;
  --color-sand-medium: #D1C0AF;

  /* Tipografia & Contrastes */
  --color-text-light: #FAF6F0;
  --color-text-muted: rgba(250, 246, 240, 0.82);
  --color-text-subtle: rgba(250, 246, 240, 0.60);
  --color-text-dark: #2A0B05;
  --color-text-dark-body: #4A3A34;
  --color-text-dark-muted: #6E5C53;

  /* Tipografia */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Escalas Fluidas */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.85rem);
  --text-sm: clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.85rem);
  --text-3xl: clamp(1.85rem, 1.65rem + 1vw, 2.35rem);
  --text-4xl: clamp(2.2rem, 1.95rem + 1.25vw, 2.9rem);
  --text-5xl: clamp(2.75rem, 2.35rem + 1.8vw, 3.85rem);

  /* Espaçamentos & Layout */
  --container-max: 1560px;
  --container-hero: 1720px;
  --header-height: 80px;

  --spacing-2xs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4.5rem;
  --spacing-4xl: 6rem;

  /* Bordas e Sombras */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 28px rgba(213, 156, 102, 0.28);

  /* Transições Suaves */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-Index */
  --z-base: 1;
  --z-floating: 10;
  --z-header: 100;
  --z-modal: 1000;
}