/* ── Theme: green phosphor on black ───────────────────────────────────────
   jen.run's skin. Same variable contract as firemud.ca/theme.css (so the
   shared site.css / tools/tool-base.css recolor automatically), but tuned for
   an old-school CRT terminal look: monospace type, a green phosphor ramp on a
   near-black void, and a soft glow on the chrome.

   Headings use Fira Code (bundled woff2, github.com/tonsky/FiraCode); body + UI
   text fall back to a monospace system stack that renders instantly. Swap the
   --font-* roles below to re-cast the type.
   ──────────────────────────────────────────────────────────────────────── */

@font-face {
    font-family: 'Fira Code';
    src: url('./FiraCode-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Fonts — everything is monospace on a terminal. The shared CSS already
       UPPER-CASES + letter-spaces the "display" roles, which is enough to make
       headings read like a banner. */
    --font-mono:          'DejaVu Sans Mono', 'Liberation Mono', 'Cascadia Mono',
                          'Consolas', 'Menlo', 'Roboto Mono', ui-monospace, monospace;
    --font-display:       'Fira Code', var(--font-mono);   /* big banner titles (headings) */
    --font-display-small: 'Fira Code', var(--font-mono);   /* small UI labels/titles */
    --font-body:          var(--font-mono);

    /* Phosphor ramp — one hue (~140°), descending brightness.
       accent = the "lit" phosphor used for headings, links, borders-on-hover. */
    --color-accent:       #33ff66;
    --color-accent-hover: #8affac;

    /* Backgrounds — the void, with the faintest green wash on raised panels. */
    --color-bg:         #000600;
    --color-bg-section: #04130a;
    --color-bg-modal:   #03100a;
    --color-bg-input:   #001106;

    /* Text — bright enough to read as paragraphs, dimming for secondary roles. */
    --color-text:       #2fe85f;
    --color-text-muted: #1faa49;
    --color-text-faint: #178038;
    --color-text-dim:   #0e5326;

    /* Borders / dividers — dim green scanline-coloured rules. */
    --color-border: #103f20;

    /* Phosphor extras (jen.run-only; ignored by the shared CSS unless used).
       Glow is applied to chrome (brand/headings/nav) by site.css & tool-base.css,
       NOT to body copy — a global text-shadow would smear tools' dense small
       text and inputs. */
    --glow:        0 0 4px rgba(51, 255, 102, 0.45);
    --glow-soft:   0 0 6px rgba(51, 255, 102, 0.25);
    --glow-strong: 0 0 2px rgba(51, 255, 102, 0.7), 0 0 10px rgba(51, 255, 102, 0.4);
}