/* THEME: Blueprint & Lamp — navy, amber, sage. From the Story & Structure brand system.
   Colors and fonts live ONLY in the active theme file (theme.css). Copy a theme over theme.css to switch. */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700&family=Public+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  /* fonts */
  --font-heading: "Unbounded", system-ui, sans-serif;
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --heading-weight: 700;
  --heading-tracking: -0.02em;
  --heading-scale: 0.78; /* wide fonts like Unbounded need smaller sizes; 1 = normal */

  /* colors (light) */
  --color-bg: #ffffff;
  --color-surface: #eff2f6;       /* cards, alternate sections */
  --color-text: #2a2b2e;
  --color-muted: #5d646d;
  --color-line: #a6abb2;
  --color-primary: #1e3a5f;       /* buttons, links, header */
  --color-on-primary: #ffffff;
  --color-primary-strong: #011939;/* hover */
  --color-accent: #f2a541;        /* highlights */
  --color-on-accent: #2a2b2e;
  --color-accent-surface: #fdf1e5;
  --color-third: #3f6a4e;         /* tags, success */
  --color-third-surface: #eff5f1;
  --color-focus: #1e3a5f;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: #0e1014;
    --color-surface: #16181c;
    --color-text: #e1e5ea;
    --color-muted: #a5abb4;
    --color-line: #494d54;
    --color-primary: #819abd;
    --color-on-primary: #16181c;
    --color-primary-strong: #9cb3d2;
    --color-accent: #fece97;
    --color-on-accent: #16181c;
    --color-accent-surface: #2b1f11;
    --color-third: #a6d3b4;
    --color-third-surface: #1c241e;
    --color-focus: #819abd;
  }
}