/* Cópia do tokens.css do design system Órbita Creme (claude-hub/02-recursos/design-systems/orbita-creme/project/tokens.css), 24/10/2026. Não edite aqui: atualize a origem e copie de novo. */
/* tokens.css gerado de tokens.json por scripts/gerar_tokens_css.py: Órbita Creme */
:root, [data-theme="light"] {
  --canvas: #f3f0ee;
  --lifted: #fcfbfa;
  --surface: #ffffff;
  --ink: #141413;
  --on-ink: #f3f0ee;
  --charcoal: #262627;
  --slate: #696969;
  --ghost: #e8e2da;
  --dust: #d1cdc7;
  --signal: #cf4500;
  --arc: #f37338;
  --clay: #9a3a0a;
  --link: #3860be;
  --footer: #141413;
  --on-footer: #ffffff;
  --font-sans: "Sofia Sans", Arial, sans-serif;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --radius-tiny: 6px;
  --radius-btn: 20px;
  --radius-pill-sm: 24px;
  --radius-stadium: 40px;
  --radius-round: 50%;
  --radius-pill: 999px;
  --shadow-nav: 0 4px 24px rgba(0,0,0,0.04);
  --shadow-halo: 0 24px 48px rgba(0,0,0,0.08);
  --shadow-drama: 0 70px 110px rgba(0,0,0,0.25);
}
[data-theme="dark"] {
  --canvas: #141413;
  --lifted: #1e1d1b;
  --surface: #2a2927;
  --ink: #f3f0ee;
  --on-ink: #141413;
  --charcoal: #dcd7d2;
  --slate: #a8a39d;
  --ghost: #24221f;
  --dust: #4a4642;
  --signal: #cf4500;
  --arc: #f37338;
  --clay: #d4703c;
  --link: #7d9ce6;
  --footer: #0b0b0a;
  --on-footer: #ffffff;
}
.h1 { font-family: var(--font-sans); font-size: 64px; line-height: 1; font-weight: 500; letter-spacing: -1.28px; }
.h2 { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 500; letter-spacing: -0.72px; }
.h3 { font-family: var(--font-sans); font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: -0.48px; }
.eyebrow { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0.56px; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.4; font-weight: 450; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 1; font-weight: 500; letter-spacing: -0.32px; }
.footer-link { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 450; }