/* ==========================================================================
   Brand layer for reignofpixels.com (DESIGN-SYSTEM.md §2). Overrides only the
   brand-layer variables of tokens.css and declares the self-hosted faces.
   Load order: tokens.css → brand.css → components.css → site.css.

   Faces (SIL Open Font License 1.1, see fonts/LICENSE-*.txt):
     Fraunces (variable, latin, upright + italic)  display, titles, manifesto
     Geist (variable, latin)                        UI and reading copy
     Geist Mono (variable, latin)                   eyebrows, labels
   Accent: royal gold. Dark bronze in light mode (white on it), gold in dark
   mode (ink on it). Everything else stays on the neutral base; the sibling
   studio site (pixelexmachina.com) shares the same base and type system.
   ========================================================================== */

@font-face {
  font-family: "Fraunces Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/fraunces.woff2") format("woff2");
  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: "Fraunces Variable";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/fraunces-italic.woff2") format("woff2");
  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: "Geist Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist.woff2") format("woff2");
  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: "Geist Mono Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/geist-mono.woff2") format("woff2");
  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 {
  --ds-font-sans: "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-display: "Fraunces Variable", ui-serif, Georgia, "Times New Roman", serif;
  --ds-font-mono: "Geist Mono Variable", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;

  --ds-accent: #8a5a00;
  --ds-accent-hover: #704800;
  --ds-on-accent: #ffffff;
  --ds-accent-soft: rgb(138 90 0 / 0.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ds-accent: #e8b84a;
    --ds-accent-hover: #f0c663;
    --ds-on-accent: #1f1500;
    --ds-accent-soft: rgb(232 184 74 / 0.14);
  }
}