/* Riyoflow design tokens — Pampas Dawn (light) / Sumi Night (dark).
   Single source of truth, mirrors the app's lib/core/theme/ tokens.
   Carries forward unchanged into the phase-2 Astro site. */

/* Pampas Dawn — light. Also scoped to .face-light for the theme-invariant hero. */
:root,
.face-light {
  --bg: #EFE6D1;
  --bg2: #F4ECDA;
  --surface: #FCF7EA;
  --surface2: #F4EBD7;
  --line: #D7CAAE;
  --line2: #C8B894;
  --text: #221B12;
  --muted: #635A46;
  --dim: #6F6348;
  --read: #2E261A;
  --crimson: #A6372A;
  --crimson-deep: #88291E;
  --on-crimson: #FCF7EA;
  --gold: #A8761A;
  --sage: #52673B;
  --indigo: #384D64;
  --glow: rgba(166, 55, 42, .10);
  --shadow: rgba(60, 40, 16, .16);
  --navbg: rgba(246, 238, 222, .82);
  --grain-blend: multiply;
}

/* Sumi Night — dark. Also scoped to .face-dark for the theme-invariant hero. */
:root[data-theme="dark"],
.face-dark {
  --bg: #080605;
  --bg2: #0E0B09;
  --surface: #1B1714;
  --surface2: #221C18;
  --line: #3F362C;
  --line2: #564A3C;
  --text: #F2EADB;
  --muted: #B0A593;
  --dim: #A2967E;
  --read: #DBD2C1;
  --crimson: #CC3525;
  --crimson-deep: #9E261B;
  --on-crimson: #FEF6EE;
  --gold: #E3AE48;
  --sage: #88975F;
  --indigo: #6086A6;
  --glow: rgba(204, 53, 37, .16);
  --shadow: rgba(0, 0, 0, .5);
  --navbg: rgba(8, 6, 5, .8);
  --grain-blend: overlay;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --bg: #080605;
    --bg2: #0E0B09;
    --surface: #1B1714;
    --surface2: #221C18;
    --line: #3F362C;
    --line2: #564A3C;
    --text: #F2EADB;
    --muted: #B0A593;
    --dim: #A2967E;
    --read: #DBD2C1;
    --crimson: #CC3525;
    --crimson-deep: #9E261B;
    --on-crimson: #FEF6EE;
    --gold: #E3AE48;
    --sage: #88975F;
    --indigo: #6086A6;
    --glow: rgba(204, 53, 37, .16);
    --shadow: rgba(0, 0, 0, .5);
    --navbg: rgba(8, 6, 5, .8);
    --grain-blend: overlay;
  }
}

/* Type — self-hosted Geist, same family as the app. */
:root {
  --sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --maxw: 1080px;
}

@font-face {
  font-family: "Geist";
  src: url("../fonts/geist/geist-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("../fonts/geist/geist-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("../fonts/geist/geist-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}