/*
  LowRoll Games design tokens
  Every color below was sampled from the LowRoll Games logo.
  Change values here and the whole site follows.
*/

/* Fonts: self-hosted, SIL Open Font License (see /assets/fonts/OFL-*.txt) */
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url("/assets/fonts/cinzel-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Alegreya";
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url("/assets/fonts/alegreya-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Alegreya";
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url("/assets/fonts/alegreya-latin-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: dark;

  /* Color: sampled from the logo */
  --night: #071128;          /* logo backdrop navy */
  --night-raised: #0d1b3d;   /* lifted surfaces on night */
  --night-line: #1f2d52;     /* hairlines on night */
  --parchment: #fce4b6;      /* lettering face */
  --parchment-dim: #d9c49b;  /* secondary text */
  --gold: #f7a32b;           /* sparkle and lettering rim */
  --gold-light: #fbd28d;     /* highlight */
  --bronze: #ab5a18;         /* gold's shadow edge */
  --leather: #351303;        /* "GAMES" ribbon */
  --leather-deep: #260c01;   /* outline brown */
  --ember: #e35e2f;          /* kobold scales */
  --pip: #d01812;            /* die pip red, use sparingly */

  /* Semantic roles */
  --color-bg: var(--night);
  --color-surface: var(--night-raised);
  --color-text: var(--parchment);
  --color-text-muted: var(--parchment-dim);
  --color-link: var(--gold-light);
  --color-link-hover: var(--gold);
  --color-focus: var(--gold);

  /* Type */
  --font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --font-body: "Alegreya", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;

  /* Type scale (classic 12 / 14 / 16 / 19 / 24 / 36 / 48 / 60 / 72 steps) */
  --step--1: 0.875rem;   /* 14px  fine print */
  --step-0: 1.1875rem;   /* 19px  body */
  --step-1: 1.5rem;      /* 24px  h3, lede */
  --step-2: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);   /* 28 to 36px  h2 */
  --step-3: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);   /* 36 to 60px  h1 */
  --step-4: clamp(2.25rem, 1.2rem + 5vw, 4.5rem);      /* 36 to 72px  display */

  --leading-body: 1.6;
  --leading-tight: 1.1;
  --measure: 62ch;

  /* Space (8px base) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Shape */
  --radius-ribbon: 999px;    /* pills echo the "GAMES" ribbon */
  --radius-plaque: 14px;     /* cards and panels */
  --border-gold: 2px solid var(--bronze);

  --content-width: 72rem;
}