/* Yuniverse design tokens — the single place to reskin the brand (docs/DESIGN-SYSTEM.md §3).
   Colours are sampled from the owner's artwork: the witch cat, its hat, buckle and eyes, the silver zodiac wheel,
   the cauldron smoke. Two lens colours carry meaning everywhere: SILVER = measured (astronomy), GOLD = told
   (astrology, tarot, numbers, archetypes, dreams). */
/* Display: Marcellus, flared Roman capitals in the spirit of carved zodiac lettering (owner's choice, 2026-10-07).
   Story: Cormorant Garamond, the told voice (italics, readings). Cormorant runs small for its size, so size-adjust
   keeps the layouts proportioned as designed. Both SIL OFL; licences beside the files. */
@font-face { font-family: "Marcellus"; src: url("/assets/fonts/Marcellus-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("/assets/fonts/CormorantGaramond-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; size-adjust: 112%; }
@font-face { font-family: "Cormorant Garamond"; src: url("/assets/fonts/CormorantGaramond-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; size-adjust: 112%; }
@font-face { font-family: "Jakarta"; src: url("/assets/fonts/jakarta-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jakarta"; src: url("/assets/fonts/jakarta-latin-ext.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Marcellus has no italic: any italic inside a display line is set in Cormorant's true italic, never a faked slant */
em, i, cite { font-family: var(--story); }

:root {
  /* night */
  --night: #09070D;
  --dusk: #140F1C;
  --dusk-2: #1D1528;
  --line: #2C2238;
  --line-2: #3E3150;

  /* brand */
  --hat: #4B2F57;          /* depth, selected states — sparingly */
  --hat-2: #6A4378;
  --potion: #B04A70;       /* AI, "brewing", the Guide */
  --ember: #D1501F;        /* primary action */
  --ember-2: #E8693A;
  --eye: #7CC24A;          /* live + focus: the cat is watching */

  /* lenses */
  --silver: #C8C8CE;       /* measured */
  --silver-dim: #8E8E99;
  --gold: #D8A84E;         /* told */
  --gold-dim: #9C7A3C;

  /* text */
  --ink: #EEEAF2;
  --ink-dim: #A39DB0;
  --ink-faint: #868096;   /* 4.9:1 on night (AA) */

  /* type */
  --display: "Marcellus", "Trajan Pro", "Optima", "Palatino Linotype", Georgia, serif;
  --story: "Cormorant Garamond", "Garamond", "Palatino Linotype", Palatino, Georgia, serif;
  --ui: "Jakarta", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --data: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;
  --t-xs: .78rem; --t-s: .9rem; --t-m: 1rem; --t-l: 1.2rem;
  --t-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem);
  --t-2xl: clamp(2.2rem, 1.3rem + 3.6vw, 4.2rem);
  --t-hero: clamp(2.6rem, 1.2rem + 5.6vw, 6.4rem);

  /* space, shape, motion */
  --gut: clamp(1rem, 4vw, 3rem);
  --max: 1320px;
  --r: 14px; --r-lg: 22px; --r-pill: 999px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
}