/* Bonfire default theme — light premium palette (off-white page, white cards,
 * ember accent). Self-contained: no @import, no JavaScript, no external/CDN
 * resources. Fonts are vendored locally under ../fonts and declared via
 * @font-face below, so every surface that links this stylesheet (admin, member
 * portal, www marketing) gets the same typography. All 11 required tokens below.
 * See src/spa/themes/README.md for the token contract + fonts/README.md.
 */

/* Vendored variable fonts (OFL) — see ../fonts/README.md. */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('../fonts/hanken-grotesk.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrains-mono.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root,
[data-theme='default'] {
  /* Surfaces — light elevation ladder: a soft off-white page, crisp white
   * cards/inputs lifted off it, and a hairline gray-200 border. Depth on light
   * comes from the white-on-off-white contrast + a soft shadow (see the
   * tailwind boxShadow scale), not the dark theme's border+motion model. */
  --color-surface: #f7f8fa;
  --color-surface-raised: #ffffff;
  --color-border: #e5e7eb;
  /* Ember accent — primary actions, active nav, focus. `accent-dim` darkens it
   * for hover/pressed on light (orange-700). */
  --color-accent: #ef6230;
  --color-accent-dim: #c2410c;
  /* Text ramp — gray-900 strong headings, gray-700 body, gray-400 muted labels,
   * tuned for AA contrast on the white/off-white surfaces. */
  --color-text: #374151;
  --color-text-strong: #111827;
  --color-muted: #9ca3af;
  --font-display: 'Fraunces', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', Courier, monospace;
}