/* tokens.css — single source of truth for the Hargrave Technologies colour
   palette (dark + light). Linked FIRST on every page; all component
   stylesheets (base.css, commsbox, plotter, plot, the landing page, and
   modern.css) consume these via var(--…). modern.css is loaded afterwards
   and augments these with radius/shadow tokens.

   Brand palette (Hargrave brand pack, July 2026):
     Hargrave Black #000000 · White #FFFFFF · Signal Orange #FF6E00
     Off-White #F0F0F0 · Graphite #1A1A1A
   A mono world with one signal — orange is a disciplined accent for
   emphasis, interactive states and data highlights, never large fields. */

@import url('fonts.css');

:root {
    --bg0: #121212;            /* Hargrave Black, lifted a touch — page background */
    --bg1: #0d0d0d;
    --card: #1a1a1a;           /* Graphite — dark UI surfaces, panels */
    --card2: #141414;
    --border: #2e2e2e;
    --border2: #3e3e3e;
    --text: #f0f0f0;           /* Off-White — reversed type */
    --muted: #9a9a9a;
    --muted2: #6e6e6e;
    --accent: #ff8629;         /* Signal Orange, lightened for on-screen use */
    --glow: rgba(255, 134, 41, 0.08);
    --ok: #5cb85c;
    --warn: #ffc400;           /* semantic warning — kept distinct from the orange accent */
    --err: #d9534f;
    --radius: 0px;
    --shadow: 0 4px 16px rgba(0,0,0,0.4);
}

[data-theme="light"] {
    --bg0: #e6e6e6;            /* Off-White, dimmed for comfort */
    --bg1: #dcdcdc;
    --card: #f5f5f5;
    --card2: #efefef;
    --border: #d0d0d0;
    --border2: #bebebe;
    --text: #1a1a1a;           /* Graphite type on light */
    --muted: #666666;
    --muted2: #8f8f8f;
    --accent: #c65600;         /* Signal Orange, deepened for contrast on white */
    --glow: rgba(198, 86, 0, 0.05);
    --ok: #1a9e3f;
    --warn: #9a7700;
    --err: #d93025;
    --shadow: 0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
}