/**
 * @file tokens.css
 * @description Sistema de design tokens da REDITEC 2026.
 *
 * Responsabilidade: única fonte de verdade para cores, tipografia,
 * espaçamento, layout e curvas de easing. Cores extraídas da fotografia
 * do pôr do sol de Montes Claros.
 * Camada: web
 */

:root {
  /* === CORES PRIMÁRIAS — extraídas do pôr do sol de Montes Claros === */
  --verde-territorio: #22713A;
  --verde-profundo: #16462a;
  --terracota: #B5532A;
  --amarelo: #E8B33C;
  --laranja: #D9742A;
  --vermelho-entardecer: #C24226;
  --creme: #F2E8D5;

  /* === NEUTROS DE APOIO === */
  --preto-tinta: #0F0E0C;
  --branco-pagina: #FAF6EC;
  --cinza-grafite: #4A453E;
  --cinza-claro: #c9c2b3;

  /* === TIPOGRAFIA === */
  --font-display: 'Take Yours', 'Times New Roman', serif;
  --font-body: 'Gilroy', system-ui, -apple-system, sans-serif;

  /* Escala fluida — clamp(min, fluid, max) para responsivo perfeito */
  --fs-monumental: clamp(4.5rem, 18vw, 22rem);
  --fs-display: clamp(3.5rem, 10vw, 12rem);
  --fs-h1: clamp(2.5rem, 6vw, 6rem);
  --fs-h2: clamp(2rem, 4.5vw, 4.5rem);
  --fs-h3: clamp(1.5rem, 2.5vw, 2.25rem);
  --fs-lead: clamp(1.125rem, 1.6vw, 1.5rem);
  --fs-body: clamp(1rem, 1.05vw, 1.125rem);
  --fs-caption: 0.8125rem;
  --fs-overline: 0.75rem;

  /* Tracking — Take Yours em tamanhos grandes pede contração */
  --tracking-display: -0.035em;
  --tracking-tight: -0.01em;
  --tracking-base: 0;
  --tracking-wide: 0.12em;
  --tracking-mega: 0.2em;

  /* Line-height */
  --lh-display: 0.92;
  --lh-tight: 1.05;
  --lh-base: 1.5;
  --lh-loose: 1.75;

  /* === ESPAÇAMENTO (escala 8px base) === */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: 5rem;
  --s-8: 8rem;
  --s-9: 12rem;
  --s-10: 18rem;

  /* === LAYOUT === */
  --max-w: 1680px;
  --gutter: clamp(1.5rem, 4vw, 4rem);
  --col: 12;

  /* === MOTION === */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);        /* expo.out */
  --ease-in-out: cubic-bezier(0.7, 0, 0.3, 1);      /* power3 */
  --ease-elegant: cubic-bezier(0.65, 0, 0.35, 1);   /* hover, micro */
  --ease-mask: cubic-bezier(0.77, 0, 0.175, 1);     /* mask reveal */

  --dur-fast: 240ms;
  --dur-base: 600ms;
  --dur-slow: 1100ms;
  --dur-epic: 1800ms;

  /* === SOMBRAS DE TEXTURA (sutil) === */
  --grain-opacity: 0.32;
}