@import url('https://api.fontshare.com/v2/css?f[]=zodiak@700&f[]=switzer@400,500,600&display=swap');
/* Lineup · tokens gerados por kit2tokens.py — direção 6, hero split, movimento snappy
 * acento #ff5b2e = oklch(68.4% 0.208 36); neutros frios no matiz do acento. Um acento, os neutros derivam dele. */
:root {
  /* color */
  --brand:      oklch(68.4% 0.208 36);
  --brand-deep: oklch(56.4% 0.208 39);   /* hover, links sobre claro */
  --dark:       oklch(23% 0.05 46);   /* bandas escuras, rodapé */
  --dark-2:     oklch(28% 0.055 44);   /* superfície elevada no escuro */
  --dark-3:     oklch(34% 0.06 42);   /* filetes/hover no escuro */
  --tint:       oklch(80% 0.06 29);   /* detalhe claro sobre escuro */
  --paper:      oklch(97.5% 0.007 36);
  --wash:       oklch(93.5% 0.018 32);   /* seção alternada */
  --ink:        oklch(21% 0.035 44);
  --ink-2:      oklch(38% 0.03 42);
  --muted:      oklch(48% 0.025 39);
  --rule:       oklch(86% 0.015 36);
  --on-dark:    oklch(96% 0.008 32);
  --on-dark-2:  oklch(78% 0.02 32);
  --focus:      oklch(60% 0.19 36);
  --error:      oklch(52% 0.18 27);
  --ok:         oklch(50% 0.12 152);
  /* degradês: todo escuro do site sai daqui (nunca dois pretos diferentes) */
  --grad-dark: linear-gradient(148deg, oklch(16% 0.04 48) 0%, oklch(23% 0.05 46) 55%, oklch(38% 0.09 36) 100%);
  --grad-bar:  linear-gradient(96deg, oklch(23% 0.05 46), oklch(68.4% 0.208 36));
  --grad-veil: linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--dark) 82%, transparent) 100%);
  /* type */
  --font-display: "Zodiak", -apple-system, "Helvetica Neue", sans-serif;
  --font-body: "Switzer", -apple-system, system-ui, sans-serif;
  --text-sm: 0.85rem; --text-base: 1.0625rem; --text-md: 1.3rem; --text-lg: 1.65rem; --text-xl: 2.1rem; --text-2xl: 2.7rem;
  --text-display: clamp(2.6rem, 4.6vw + 1rem, 4.9rem); --text-display-s: clamp(2rem, 3.2vw + 0.9rem, 3.4rem);
  /* space */
  --space-2xs: .25rem; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 6.5rem; --space-4xl: 10rem;
  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 450ms;
  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-modal: 400;
  --radius: 12px; --radius-s: 6px; --radius-pill: 999px;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-micro: 1ms; --dur-short: 1ms; --dur-long: 1ms; } }