@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
/* ==========================================================================
   Royals & Rogues — Typography
   Display voice is EB Garamond — for headlines, ledes, card titles, and
   numerals. The wordmark itself is the provided SVG. Avenir carries eyebrows
   and interface body, as in Kiduna.
   The R&R signature move is the upright garnet Goudy phrase inside a
   headline (em.rr-emph) — where Kiduna's emphasis is sun-gold,
   Royals & Rogues answers in garnet.
   ========================================================================== */
@font-face {
  font-family: "Goudy Heavyface";
  src: url("../fonts/goudy_heavyface_bt.ttf") format("truetype");
  font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face { font-family: "Avenir"; src: url("../fonts/avenir-light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("../fonts/avenir-book.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("../fonts/avenir-regular.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("../fonts/avenir-heavy.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("../fonts/avenir-black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

:root {
  --font-display: "EB Garamond", Georgia, serif;
  --font-wordmark: var(--font-display);
  --font-serif-text: var(--font-display);
  --font-goudy: "Goudy Heavyface", "Goudy Old Style", Georgia, serif; /* legacy, kept loaded */
  --font-sans:    "Avenir", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-lg:   18px;
  --fs-xl:   20px;
  --fs-2xl:  24px;
  --fs-3xl:  30px;
  --fs-4xl:  40px;
  --fs-5xl:  54px;
  --fs-6xl:  72px;

  --lh-tight: 1.05; /* @kind other */
  --lh-snug:  1.2;  /* @kind other */
  --lh-body:  1.5;  /* @kind other */
  --lh-loose: 1.7;  /* @kind other */

  --tracking-caps:      0.18em;   /* eyebrows — wider than Kiduna's 0.16em */
  --tracking-caps-wide: 0.26em;   /* ceremonial banners: THE FELLOWSHIP OF PLAY */
}

html, body { background: var(--bg); color: var(--fg); }
body { font-family: var(--font-sans); font-size: var(--fs-base); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

h1, h2, h3, h4, h5, h6, .rr-display { font-family: var(--font-display); font-weight: 600; letter-spacing: 0; line-height: var(--lh-tight); color: var(--fg); }
h1 { font-size: var(--fs-5xl); }
h2 { font-size: var(--fs-3xl); line-height: var(--lh-snug); }
h3 { font-size: var(--fs-2xl); line-height: var(--lh-snug); }
h4 { font-size: var(--fs-xl); line-height: var(--lh-snug); }
h5 { font-size: var(--fs-lg); line-height: var(--lh-snug); }
h6 { font-size: var(--fs-base); line-height: var(--lh-snug); }

p { color: var(--fg-muted); }
a { color: var(--link); text-decoration: none; }
a:hover { color: color-mix(in oklch, var(--link) 78%, #fffbe8); }
small, .rr-small { font-size: var(--fs-sm); color: var(--fg-soft); }
code, pre, .rr-mono { font-family: var(--font-mono); font-size: 0.92em; }

/* Signature move — the garnet phrase. Upright, garnet, one per
   headline, never two. ("Royals & ROGUES" / "Poker becomes POSSIBILITY.") */
em.rr-emph, .rr-emph { font-family: var(--font-display); font-style: normal; color: var(--rr-garnet); }

/* Eyebrow — letterspaced caps label above headlines and sections */
.rr-eyebrow { font-family: var(--font-sans); font-size: 11px; font-weight: 700; letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--rr-muted); }
.rr-eyebrow--gold { color: var(--rr-gold); }
.rr-eyebrow--banner { letter-spacing: var(--tracking-caps-wide); }

/* Numerals — counts, steps, and stats always display in Goudy */
.rr-numeral { font-family: var(--font-display); font-weight: 600; line-height: 1; color: var(--fg); }

/* Lede — EB Garamond subtitle under the wordmark ("Deal the hand.") */
.rr-lede { font-family: var(--font-serif-text); font-weight: 500; line-height: 1.15; color: var(--fg); letter-spacing: 0; }

/* Card / rules text — exact rules copy is calm, separated from the artifact */
.rr-rules-text { font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: 500; line-height: var(--lh-loose); color: var(--fg-muted); }
