/* AI Sentinel — shared UI theme
 * Single source of truth for color tokens used across admin.html,
 * dashboard.html, and (eventually) security-console.html/security-v2.html.
 * Change a value here once; every page that links this file picks it up.
 *
 * Two text-color pairs exist deliberately, not by accident: content sitting
 * directly on --surface (the green panel) needs LIGHT text, while content
 * inside --surface2 elements (input fields, table headers, dropdowns --
 * anything meant to look like a white/light "field") needs DARK text. Using
 * the wrong pair for a given element is the classic invisible-text bug.
 */
:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", "Fira Code", monospace;

  /* Page background */
  --bg: #8FD9FB;

  /* Panel / card / section surface (green) -- use --text/--muted on this */
  --surface: #15804F;
  --border: #0F663E;
  --text: #FFFFFF;
  --muted: #F0FDF5;

  /* Field surface: inputs, table headers, dropdowns, badges --
     use --field-text/--field-muted on this, never --text/--muted */
  --surface2: #FFFFFF;
  --surface2-alt: #DFF3E0; /* light-green alternate field background */
  --surface2-border: #B9CBDD;
  --field-text: #101828;
  --field-muted: #45566E;

  /* Accents & status */
  --accent: #1741B0;
  --accent2: #E5FBFF; /* for text/highlights sitting ON --surface (green) */
  --green: #0F5A2A;   /* success text on light/--surface2 backgrounds */
  --amber: #FF991C;   /* use as a solid fill with dark text, not as small text on light bg */
  --red: #FF0000;     /* same -- solid fill with dark text */
  --purple: #A78BFA;
}