/* ─────────────────────────────────────────────────────────────────────────────
   ENGFER — Design Tokens
   Paleta, tipografia e variáveis globais
───────────────────────────────────────────────────────────────────────────── */

:root {
  /* Cores primárias */
  --color-white:        #FFFFFF;
  --color-off-white:    #FAF9F6;
  --color-cream:        #F5F0E8;
  --color-sand:         #E8DFD0;
  --color-sand-dark:    #D4C9B5;
  --color-stone:        #B8AD9E;

  /* Cor de destaque — turquesa controlado */
  --color-turquoise:        #2AADA7;
  --color-turquoise-light:  #3CC4BE;
  --color-turquoise-dark:   #1E8A85;
  --color-turquoise-muted:  rgba(42, 173, 167, 0.12);

  /* Azul complementar */
  --color-blue-light:   #5BA4CF;

  /* Neutros / texto */
  --color-graphite:     #1A1A1A;
  --color-dark:         #2C2C2C;
  --color-mid:          #5A5A5A;
  --color-muted:        #8A8A8A;
  --color-border:       #E0D8CC;
  --color-border-light: #EDE8E0;

  /* Tipografia */
  --font-serif:       'Cormorant Garamond', 'Georgia', serif;
  --font-sans:        'Inter', system-ui, -apple-system, sans-serif;

  /* Tamanhos de texto */
  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.25rem;    /* 20px */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   2rem;       /* 32px */
  --text-3xl:   2.5rem;     /* 40px */
  --text-4xl:   3.25rem;    /* 52px */
  --text-5xl:   4rem;       /* 64px */
  --text-6xl:   5rem;       /* 80px */

  /* Pesos */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;

  /* Espaçamentos */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* Layout */
  --max-width:      1280px;
  --max-width-wide: 1440px;
  --container-px:   clamp(1.25rem, 4vw, 4rem);

  /* Header */
  --header-height:        96px;
  --header-height-scrolled: 96px;

  /* Transições */
  --transition-fast:   0.18s ease;
  --transition-base:   0.32s ease;
  --transition-slow:   0.55s cubic-bezier(0.4, 0, 0.2, 1);

  /* Sombras */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.10);
  --shadow-card: 0 2px 12px rgba(0,0,0,0.07);

  /* Bordas */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
}