/* Fontshare drops the second family when these two share one URL: one @import each. */
@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=synonym@400,500,700&display=swap');
/* Tassel · tokens gerados por kit2tokens.py — direção 6, hero split, movimento snappy
 * acento #E2A93B = oklch(77% 0.139 80); navy da marca (#13315C, oklch 31.6% 0.085 258) no lugar do escuro derivado; neutros frios no matiz do navy. */
:root {
  /* color */
  --brand:      oklch(77% 0.139 80);
  --brand-deep: oklch(52% 0.11 75);   /* gold for text/links on paper (AA) */
  --dark:       oklch(31.6% 0.085 258);   /* brand navy #13315C: cover, bands, footer */
  --dark-2:     oklch(36% 0.09 256);   /* raised surface on navy */
  --dark-3:     oklch(43% 0.09 254);   /* rules/hover on navy */
  --tint:       oklch(86% 0.05 80);   /* light gold detail on navy */
  --paper:      oklch(97.8% 0.005 250);
  --wash:       oklch(94.5% 0.012 252);   /* alternate section */
  --ink:        oklch(22% 0.04 260);
  --ink-2:      oklch(37% 0.04 258);
  --muted:      oklch(48% 0.03 256);
  --rule:       oklch(88% 0.012 255);
  --on-dark:    oklch(95.5% 0.012 85);   /* brand paper #F4F1EA */
  --on-dark-2:  oklch(82% 0.025 250);
  --focus:      oklch(77% 0.139 80);
  --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: radial-gradient(120% 140% at 0% 0%, oklch(40% 0.1 256) 0%, oklch(31.6% 0.085 258) 45%, oklch(23% 0.07 260) 100%);
  --grad-bar:  linear-gradient(96deg, oklch(31.6% 0.085 258), oklch(77% 0.139 80));
  --grad-veil: linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--dark) 82%, transparent) 100%);
  --gold:       oklch(77% 0.139 80);
  --ribbon:     #F4F1EA;
  /* type */
  --font-display: "Cabinet Grotesk", -apple-system, "Helvetica Neue", sans-serif;
  --font-body: "Synonym", -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: 14px; --radius-s: 7px; --radius-pill: 999px;
}
@media (prefers-reduced-motion: reduce) { :root { --dur-micro: 1ms; --dur-short: 1ms; --dur-long: 1ms; } }