/* ============================================================
   TOKENS — Casa Lorenzo
   Alfaiatado · Noturno · Confiante
   "Private Tailoring Lounge — black lacquer, brushed gold, warm fabric"
   ============================================================ */

:root {
  /* ----- SURFACES (dark drenched, warm neutral hue ~60 for "papel" / "madeira") ----- */
  --ink:            oklch(0.09 0.006 60);      /* fundo global — preto profundo warm, não #000 puro */
  --ink-2:          oklch(0.13 0.006 60);      /* seções alternadas — grafite quente */
  --ink-3:          oklch(0.17 0.008 60);      /* cards, blocos elevados */
  --surface-warm:   oklch(0.20 0.012 55);      /* superfícies com toque de madeira */
  --line:           oklch(0.28 0.010 60);      /* divisórias visíveis */
  --line-soft:      oklch(0.22 0.008 60);      /* divisórias sutis */
  --line-gold:      oklch(0.55 0.070 78);      /* linha dourada fosca */

  /* ----- TEXTO ----- */
  --paper:          oklch(0.97 0.010 85);      /* texto principal — off-white quente */
  --paper-2:        oklch(0.86 0.010 85);      /* texto secundário */
  --muted:          oklch(0.66 0.008 75);      /* labels, meta, kicker */
  --muted-2:        oklch(0.52 0.008 75);      /* ainda mais discreto */

  /* ----- ACCENT — dourado fosco (brushed gold, não amarelo saturado) ----- */
  --gold:           oklch(0.74 0.095 82);      /* dourado fosco principal */
  --gold-hi:        oklch(0.82 0.100 82);      /* hover / brilho controlado */
  --gold-deep:      oklch(0.58 0.080 78);      /* dourado escurecido — bordas, hairlines */
  --gold-ink:       oklch(0.14 0.006 60);      /* texto sobre dourado */

  /* ----- TONS DE TECIDO (usados em ícones, badges, indicadores) ----- */
  --petrol:         oklch(0.42 0.055 220);     /* azul-petróleo */
  --navy:           oklch(0.32 0.065 265);     /* marinho profundo */
  --caramel:        oklch(0.58 0.085 60);      /* caramelo / camelo */
  --stone:          oklch(0.55 0.008 90);      /* pedra fria mineral */

  /* ----- TIPO ----- */
  --font-display:   'Marcellus', Georgia, 'Times New Roman', ui-serif, serif;
  --font-body:      'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* Marcellus é uma serifada Roman-style clássica: usar tracking mais suave que Bodoni.
     Não usar itálico (Marcellus não tem). Ênfase = cor dourada (.accent), sem inclinação. */
  --tracking-tight: -0.02em;
  --tracking-display: -0.012em;
  --tracking-wide: 0.14em;
  --tracking-eyebrow: 0.22em;

  /* ----- ESCALA FLUIDA ----- */
  --step--1: clamp(0.82rem, 0.78rem + 0.20vw, 0.90rem);
  --step-0:  clamp(0.98rem, 0.94rem + 0.20vw, 1.06rem);
  --step-1:  clamp(1.18rem, 1.10rem + 0.40vw, 1.35rem);
  --step-2:  clamp(1.44rem, 1.30rem + 0.70vw, 1.75rem);
  --step-3:  clamp(1.90rem, 1.60rem + 1.50vw, 2.60rem);
  --step-4:  clamp(2.60rem, 2.10rem + 2.50vw, 3.80rem);
  --step-5:  clamp(3.40rem, 2.60rem + 4.00vw, 5.60rem);
  --step-6:  clamp(4.40rem, 3.20rem + 6.00vw, 7.20rem);

  /* ----- SPACING ----- */
  --space-2xs: clamp(0.50rem, 0.46rem + 0.20vw, 0.60rem);
  --space-xs:  clamp(0.75rem, 0.70rem + 0.25vw, 0.90rem);
  --space-s:   clamp(1.00rem, 0.92rem + 0.40vw, 1.20rem);
  --space-m:   clamp(1.50rem, 1.35rem + 0.70vw, 1.90rem);
  --space-l:   clamp(2.25rem, 1.95rem + 1.50vw, 3.00rem);
  --space-xl:  clamp(3.50rem, 2.90rem + 3.00vw, 5.50rem);
  --space-2xl: clamp(5.50rem, 4.50rem + 5.00vw, 9.00rem);

  /* ----- LAYOUT ----- */
  --wrap-max:      1240px;
  --wrap-tight:    980px;
  --radius:        2px;         /* alfaiataria = quase sem raio */
  --radius-md:     8px;
  --shadow-soft:   0 30px 60px -30px oklch(0 0 0 / 0.55);
  --shadow-lift:   0 40px 100px -40px oklch(0 0 0 / 0.7);

  /* ----- MOTION ----- */
  --ease-out:  cubic-bezier(0.16, 0.84, 0.24, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-fast:  240ms;
  --dur-med:   500ms;
  --dur-slow:  800ms;
}