/*
 * Generated by scripts/generate-brand.mjs from brand.config.ts.
 * Do not edit. Edit the config and run `npm run brand`.
 *
 * The public token sheet. Embedded into skald-web by internal/assets.
 *
 * Values are carried verbatim from embernet.ai/style.css so the blog reads as a
 * continuation of the marketing site rather than a near miss. The radius and
 * shadow scales in particular are that site's, not a fresh set: a 12px card
 * next to a 14px card is the kind of difference nobody names and everybody
 * feels.
 */

:root {
  /* Accent. The brand ink. Does not change between themes. */
  --accent: #DA291C;
  --accent-hover: #B32117;
  --accent-glow: rgba(218, 41, 28, 0.15);

  /* Secondary accents. Signalling only, never a second brand colour. */
  --blue: #0088CB;
  --green: #10B981;

  /* Grounds, hairlines and text. Light. */
  --bg: #F5F5F4;
  --surface: #FFFFFF;
  --border: #E5E7EB;
  --text: #1A1A2E;
  --text-muted: #6B7280;

  /* Radius. */
  --radius-pill: 25px;
  --radius-card: 12px;
  --radius-input: 8px;

  /* Shadows. Flat, not glassy. */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.1);
  --shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.08);

  /* Type. Nunito Sans is self-hosted; see web/internal/assets/files/fonts.
     It is fireballz.ai's face, carried over so the blog reads as the same
     company rather than a near miss. Self-hosted for the same reason Inter
     was: the marketing site pulls it from Google, and a blog that phones a
     third party for a font leaks every reader's IP to do it. */
  --font-main: 'Nunito Sans', 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #0B1E2D;
  --surface: #141E2A;
  --border: rgba(255, 255, 255, 0.08);
  --text: #FFFFFF;
  --text-muted: #B0B8C4;
  color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0B1E2D;
  --surface: #141E2A;
  --border: rgba(255, 255, 255, 0.08);
  --text: #FFFFFF;
  --text-muted: #B0B8C4;
  color-scheme: dark;
}