/* Gerado por build-tokens.js a partir de tokens.json — não edite à mão. */
:root {
  --azul-profundo: #0d182a;
  --off-white: #f4f1ea;
  --areia: #e8dfd3;
  --verde-tropical: #1e8868;
  --magenta: #c2185b;
  --laranja: #eb6a1a;
  --amarelo-sol: #f0ca19;
  --lilas: #7b5deb;
  --surface: var(--off-white);
  --surface-alt: var(--areia);
  --panel: var(--azul-profundo);
  --on-panel: var(--off-white);
  --ink: var(--azul-profundo);
  --ink-muted: #4a5262;
  --hairline: #0d182a40;
  --accent: var(--magenta);
  --on-accent: var(--off-white);
  --spark: var(--amarelo-sol);
  --focus: var(--azul-profundo);
  --font-sans: Poppins, "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --radius-arch: 999px;
}

[data-theme="dark"] {
  --surface: var(--azul-profundo);
  --surface-alt: #16233a;
  --panel: var(--areia);
  --on-panel: var(--azul-profundo);
  --ink: var(--off-white);
  --ink-muted: #b9b4aa;
  --hairline: #f4f1ea40;
  --accent: var(--magenta);
  --on-accent: var(--off-white);
  --spark: var(--magenta);
  --focus: var(--amarelo-sol);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --surface: var(--azul-profundo);
    --surface-alt: #16233a;
    --panel: var(--areia);
    --on-panel: var(--azul-profundo);
    --ink: var(--off-white);
    --ink-muted: #b9b4aa;
    --hairline: #f4f1ea40;
    --accent: var(--magenta);
    --on-accent: var(--off-white);
    --spark: var(--magenta);
    --focus: var(--amarelo-sol);
  }
}

.text-display { font-family: var(--font-sans); font-size: 96px; line-height: 0.9; font-weight: 800; letter-spacing: -0.02em; }
.text-wish { font-family: var(--font-sans); font-size: 32px; line-height: 1.1; font-weight: 400; letter-spacing: 0.08em; text-transform: lowercase; }
.text-heading-1 { font-family: var(--font-sans); font-size: 48px; line-height: 1.1; font-weight: 600; }
.text-heading-2 { font-family: var(--font-sans); font-size: 32px; line-height: 1.2; font-weight: 600; }
.text-heading-3 { font-family: var(--font-sans); font-size: 22px; line-height: 1.3; font-weight: 600; }
.text-eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; }
.text-body { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.text-body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.text-caption { font-family: var(--font-sans); font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }