/* ==========================================================
   ARMOR Lexic — Central Theme
   All pages import this file for consistent colors & fonts.
   Primary brand color: #4A28C3
   ========================================================== */

:root {
  /* ── Brand palette ── */
  --color-primary:       #4A28C3;
  --color-primary-light: #7B5CD6;
  --color-primary-dark:  #3A1CA0;
  --color-primary-glow:  rgba(74, 40, 195, 0.55);

  /* RGB channels — use with rgba() for opacity variants */
  --color-primary-rgb:       74, 40, 195;   /* #4A28C3 */
  --color-primary-light-rgb: 123, 92, 214;  /* #7B5CD6 */
  --color-primary-alt-rgb:   100, 67, 216;  /* #6443D8 — mid glow */
  --color-primary-deep-rgb:  61, 31, 204;   /* #3D1FCC — deep glow */

  /* ── Backgrounds ── */
  --bg-body:     #0b0b18;
  --bg-surface:  #16213e;
  --bg-panel:    rgba(255, 255, 255, 0.04);
  --bg-input:    #0f3460;
  --bg-elevated: #1e293b;

  /* ── Borders ── */
  --border-subtle:  rgba(255, 255, 255, 0.09);
  --border-default: #334155;
  --border-accent:  rgba(74, 40, 195, 0.45);

  /* ── Text ── */
  --text-primary:   #e8e4f5;
  --text-secondary: #e2e8f0;
  --text-muted:     #94a3b8;
  --text-dim:       #64748b;

  /* ── Semantic ── */
  --color-success:     #14532d;
  --color-success-fg:  #86efac;
  --color-error:       #451a1a;
  --color-error-fg:    #fca5a5;
  --color-info:        #1e3a5f;
  --color-info-fg:     #7dd3fc;

  /* ── Fonts ── */
  --font-head: 'Syne', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
}