/* =========================================================
   MFi Certificate Server - Theme definitions
   3 Themes: synapse_dark, terminal, modern_light
   + optional auto day/night
   ========================================================= */

:root {
  --font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ============ Synapse Dark (default) ============ */
html[data-theme="synapse_dark"] {
  --bg: #0a0c10;
  --bg2: #0d1018;
  --fg: #e6e9ef;
  --muted: #8b94a3;
  --acc: #7c9cff;
  --acc-dim: #5a7ae0;
  --acc2: #4ade80;
  --warn: #fbbf24;
  --err: #f87171;
  --code-bg: #0f131c;
  --card: #11141c;
  --border: #1a1f2a;
  --border-hi: #2a3142;
  --glow: rgba(124,156,255,0.12);
  --shadow: 0 4px 16px rgba(0,0,0,0.4);
  --font-body: var(--font-sans);
}

/* ============ Terminal ============ */
html[data-theme="terminal"] {
  --bg: #000000;
  --bg2: #0a0a0a;
  --fg: #00ff41;
  --muted: #888888;
  --acc: #00ff41;
  --acc-dim: #00cc33;
  --acc2: #ffff00;
  --warn: #ffaa00;
  --err: #ff3333;
  --code-bg: #0a0a0a;
  --card: #0a0a0a;
  --border: #00ff41;
  --border-hi: #00ff41;
  --glow: rgba(0,255,65,0.2);
  --shadow: 0 0 20px rgba(0,255,65,0.1);
  --font-body: var(--font-mono);
}

/* ============ Modern Light ============ */
html[data-theme="modern_light"] {
  --bg: #f8fafc;
  --bg2: #ffffff;
  --fg: #0f172a;
  --muted: #64748b;
  --acc: #3b82f6;
  --acc-dim: #2563eb;
  --acc2: #10b981;
  --warn: #f59e0b;
  --err: #ef4444;
  --code-bg: #f1f5f9;
  --card: #ffffff;
  --border: #e2e8f0;
  --border-hi: #cbd5e1;
  --glow: rgba(59,130,246,0.1);
  --shadow: 0 1px 3px rgba(0,0,0,0.1);
  --font-body: var(--font-sans);
}