/* ==========================================================================
   Tokens de design da VORVA — paleta original (oklch) + escala de
   tipografia, movimento e sombras do polimento visual
   ========================================================================== */

:root {
  /* Raio */
  --radius: 0.75rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --radius-2xl: 1rem;

  /* Paleta de marca (valores idênticos ao original) */
  --color-ink: oklch(0.18 0 0);            /* ~#111 */
  --color-ink-soft: oklch(0.28 0 0);       /* ~#252525 */
  --color-surface: oklch(0.975 0.003 250); /* ~#F6F7F9 */
  --color-surface-2: oklch(0.948 0.005 250); /* ~#ECEFF3 */
  --color-line: oklch(0.9 0.005 250);
  --color-text-muted: oklch(0.5 0.012 255); /* levemente mais escuro p/ contraste AA */
  --color-orange: oklch(0.71 0.19 45);     /* ~#FF6A00 */
  --color-orange-soft: oklch(0.76 0.17 50);
  --color-blue: oklch(0.55 0.22 265);      /* ~#2457FF */
  --color-blue-deep: oklch(0.4 0.21 270);  /* ~#1238A6 */

  /* Semânticos */
  --color-bg: oklch(1 0 0);
  --color-fg: var(--color-ink);

  /* Tipografia */
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Escala tipográfica — tracking e leading */
  --tracking-display: -0.02em;        /* display em tamanhos médios */
  --tracking-display-tight: -0.032em; /* display em tamanhos grandes (hero, seções) */
  --tracking-body: -0.011em;          /* Inter em tamanho de leitura */
  --leading-body: 1.6;
  --leading-relaxed: 1.7;

  /* Layout */
  --container-width: 1320px;
  --container-pad: 1.25rem;

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);       /* saída suave e firme */
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);  /* micro-interações */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* pop com leve overshoot */
  --transition-fast: 180ms var(--ease-out-soft);
  --transition-default: 320ms var(--ease-out);

  /* Sombras — escala única para cards, botões e superfícies */
  --shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.04), 0 4px 14px -8px rgba(17, 17, 17, 0.1);
  --shadow-md: 0 2px 6px rgba(17, 17, 17, 0.05), 0 16px 36px -18px rgba(17, 17, 17, 0.18);
  --shadow-lg: 0 24px 60px -24px rgba(17, 17, 17, 0.28);
  --shadow-orange: 0 14px 34px -14px oklch(0.71 0.19 45 / 0.55);
}