/* SEB Command · Atelier design tokens. The single source for every page: the signed-in app (theme.css), the
   standalone research pages (atelier_pages.css) and the public pages (public.css) all read these values.

   Warm ink surfaces, ivory type, one champagne accent, and deep forest used sparingly as an accent panel (the balance
   card, a featured plan, a safety note), never as the page tint. Champagne and forest are decoration and interaction
   only: gains, losses, warnings and unknowns keep their own colours and always carry a glyph or words as well.

   Fonts are self-hosted because the Content-Security-Policy only allows same-origin fonts. Both are SIL Open Font
   License 1.1; the full licences and copyright notices are in static/fonts/. */

@font-face { font-family: "Bodoni Moda"; src: url("/static/fonts/bodoni-moda-latin.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-latin.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;
  /* Warm ink surfaces, layered like lacquer rather than glowing */
  --bg: #0c0c0e;
  --bg-deep: #08080a;
  --surface: #141416;
  --surface-2: #19191c;
  --surface-3: #202024;
  --line: #2b2b30;
  --line-soft: #202024;
  --line-strong: #3d3a33;
  /* Ivory type, never pure white */
  --text: #f2ede4;
  --text-2: #cfc8bb;
  --muted: #959086;
  /* Champagne: the one accent, for actions, focus and fine detailing */
  --gold: #d4bd8a;
  --gold-strong: #e0cb9c;
  --gold-ink: #ead9b2;
  --gold-wash: rgba(212, 189, 138, .10);
  --gold-line: rgba(212, 189, 138, .38);
  --on-gold: #16140f;
  /* Deep forest: an accent panel only */
  --forest: #1d3a2c;
  --forest-deep: #142a20;
  --forest-line: #36594a;
  /* Financial meaning, distinct from champagne and forest */
  --gain: #8fd0a8;
  --loss: #ec8f86;
  --warn: #e9a862;
  --unknown: #a7a196;
  --info: #a9c1de;
  --gain-ink: #cdebd8;
  --loss-ink: #f8d0ca;
  --warn-ink: #f6d8b0;
  --info-ink: #dce7f4;
  /* Type and shape: tailored, not bubbly */
  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, "Times New Roman", serif;
  --font-num: var(--font);
  --radius: 14px;
  --radius-sm: 9px;

  /* Names older components still use, mapped onto the tokens above */
  --champagne: var(--gold); --champagne-ink: var(--gold-ink); --accent: var(--gold);
  --violet: var(--gold); --violet-strong: var(--gold-strong); --violet-ink: var(--gold-ink); --violet-wash: var(--gold-wash);
  --lime: var(--gold);
  --panel: var(--surface); --panel-2: var(--surface-2); --panel-3: var(--bg-deep); --border: var(--line);
  --green: var(--gain); --red: var(--loss); --yellow: var(--warn); --blue: var(--info); --orange: var(--warn);
}

/* Bodoni Moda's display optical sizes thin the hairlines until letters like H, W and M break apart on screen. Pin a
   text-weight optical size everywhere (Manrope has no such axis, so this only affects the display face). */
:root, :root * { font-optical-sizing: none; font-variation-settings: "opsz" 16; }