/* Micro-Graphics — theme tokens. Swap [data-theme] block or add a new one to reskin every component.

   Every theme defines the same token set:
   --mg-accent      primary accent (titles, headline text, borders, brackets)
   --mg-accent-alt  secondary/alert accent (reserved for warning-style modules)
   --mg-on-accent   text color to use ON TOP of an --mg-accent-filled surface
   --mg-scanline    ambient body::before overlay color (light vs dark direction) */

:root {
  --mg-bg: #05080a;
  --mg-bg-alt: #080f12;
  --mg-panel-bg: rgba(10, 22, 24, 0.55);
  --mg-accent: #00e5ff;
  --mg-accent-glow: rgba(0, 229, 255, 0.55);
  --mg-accent-alt: #ff4d6d;
  --mg-accent-alt-glow: rgba(255, 77, 109, 0.5);
  --mg-on-accent: var(--mg-bg);
  --mg-text: #d8fbff;
  --mg-text-dim: #6f9aa1;
  --mg-border: rgba(0, 229, 255, 0.35);
  --mg-scanline: rgba(255, 255, 255, 0.02);
  --mg-font: 'Courier New', Consolas, monospace;
}

[data-theme="mecha"] {
  --mg-bg: #0a0402;
  --mg-bg-alt: #120705;
  --mg-panel-bg: rgba(26, 9, 6, 0.55);
  --mg-accent: #ff4d2e;
  --mg-accent-glow: rgba(255, 77, 46, 0.55);
  --mg-accent-alt: #29b6f6;
  --mg-accent-alt-glow: rgba(41, 182, 246, 0.5);
  --mg-on-accent: var(--mg-bg);
  --mg-text: #ffe3d6;
  --mg-text-dim: #a1685a;
  --mg-border: rgba(255, 77, 46, 0.35);
  --mg-scanline: rgba(255, 255, 255, 0.02);
  --mg-font: 'Courier New', Consolas, monospace;
}

/* Light — greyish neutrals + tiffany primary + red secondary, for white/light hosts */
[data-theme="light"] {
  --mg-bg: #eef2f2;
  --mg-bg-alt: #e2e8e8;
  --mg-panel-bg: #ffffff;
  --mg-accent: #0ea99f;
  --mg-accent-glow: rgba(14, 169, 159, 0.25);
  --mg-accent-alt: #d1453b;
  --mg-accent-alt-glow: rgba(209, 69, 59, 0.25);
  --mg-on-accent: #0b1414;
  --mg-text: #1c2727;
  --mg-text-dim: #5f7071;
  --mg-border: rgba(28, 39, 39, 0.16);
  --mg-scanline: rgba(0, 0, 0, 0.025);
  --mg-font: 'Courier New', Consolas, monospace;
}