/* Phalanx palette — ORIGINAL edition (terminal green + amber, black / white).
 * Only colours, fonts and shape live here. Every page uses these variables,
 * so swapping this file is the ONLY difference between editions. */
:root {
  --edition: "original";
  --font-ui: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;
  --font-display: var(--font-mono);
  --display-tracking: 0.14em;
  --display-case: uppercase;
  --radius: 4px;
  --radius-lg: 6px;
  --fs: 14px;
  --brand-glyph: "◈";
}

html[data-theme="dark"] {
  --bg: #0a0d0b;
  --bg-inset: #070908;
  --panel: #0f1511;
  --panel-2: #131b16;
  --hover: #17221b;
  --border: #1d2e23;
  --border-strong: #2b4434;
  --text: #c9e4d1;
  --text-strong: #effaf2;
  --text-dim: #7d9887;
  --accent: #3ddc84;
  --accent-2: #f0a63a;
  --accent-ink: #04140a;
  --accent-soft: rgba(61, 220, 132, 0.12);
  --ok: #3ddc84;
  --sev-info: #7d9887;
  --sev-low: #8fb4c9;
  --sev-medium: #f0a63a;
  --sev-high: #ff7a45;
  --sev-critical: #ff4d5e;
  --chart-1: #3ddc84;
  --chart-2: #f0a63a;
  --chart-3: #7fb2e5;
  --grid: rgba(61, 220, 132, 0.08);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --texture: linear-gradient(0deg, rgba(61, 220, 132, 0.018) 1px, transparent 1px);
}
html[data-theme="dark"][data-accent="amber"] {
  --accent: #f0a63a; --accent-2: #3ddc84; --accent-ink: #1a1002; --accent-soft: rgba(240, 166, 58, 0.13);
  --chart-1: #f0a63a; --chart-2: #3ddc84;
}

html[data-theme="light"] {
  --bg: #f3f4f1;
  --bg-inset: #e9ebe7;
  --panel: #ffffff;
  --panel-2: #f7f8f6;
  --hover: #eef1ec;
  --border: #dcdfd9;
  --border-strong: #bfc5bc;
  --text: #20251f;
  --text-strong: #0b0d0a;
  --text-dim: #5d665c;
  --accent: #1d7a46;
  --accent-2: #a35f00;
  --accent-ink: #ffffff;
  --accent-soft: rgba(29, 122, 70, 0.09);
  --ok: #1d7a46;
  --sev-info: #5d665c;
  --sev-low: #3f6f8c;
  --sev-medium: #a35f00;
  --sev-high: #c2461b;
  --sev-critical: #c01f30;
  --chart-1: #1d7a46;
  --chart-2: #b86d00;
  --chart-3: #3a6fb0;
  --grid: rgba(20, 30, 20, 0.08);
  --shadow: 0 8px 24px rgba(20, 30, 20, 0.08);
  --texture: none;
}
html[data-theme="light"][data-accent="amber"] {
  --accent: #a35f00; --accent-2: #1d7a46; --accent-soft: rgba(163, 95, 0, 0.1);
  --chart-1: #b86d00; --chart-2: #1d7a46;
}