/* CTSentinel - design tokens of the PYMEHackers design system (the portable
   core described in app-web/design/StyleGuide-PYMEHackers.md).
   The palette is fixed by the style rules: charcoal background, vermilion red
   #D22C21 as the only accent, black panels, white text and greys. The UI is
   dark-only by design (the style has no light mode). Severity levels map onto
   that same palette (a grey scale for calm levels, a red scale for hostile
   ones), never onto other hues. */

:root {
  /* Brand palette (do not change: it is what makes the UI look PYMEHackers) */
  --color-bg: #191919;
  --color-bg-soft: #262626;
  --color-panel: #000000;
  --color-panel-2: #141414;
  --color-text: #FFFFFF;
  --color-muted: #B8B8B8;
  --color-muted-2: #7C7C7C;
  --color-red: #D22C21;
  --color-red-hover: #E24F46;
  --color-red-dark: #9B1F18;
  --color-border: #3A3A3A;
  --color-border-soft: rgba(255, 255, 255, 0.08);
  /* Elevation, glow, shape, layout */
  --shadow-soft: 0 24px 80px rgba(0, 0, 0, 0.35);
  --shadow-red: 0 0 44px rgba(210, 44, 33, 0.16);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 10px;
  --max-width: 1180px;
  /* Type */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono-ui: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-mono-term: "DejaVu Sans Mono", "Liberation Mono", Consolas, "Courier New", monospace;
  /* Severity scale on the brand palette (chips, threat level, report) */
  --sev-low-bg: rgba(255, 255, 255, 0.03);
  --sev-low-fg: #B8B8B8;
  --sev-low-border: #3A3A3A;
  --sev-guarded-bg: rgba(255, 255, 255, 0.10);
  --sev-guarded-fg: #FFFFFF;
  --sev-guarded-border: #4A4A4A;
  --sev-elevated-bg: rgba(210, 44, 33, 0.12);
  --sev-elevated-fg: #E24F46;
  --sev-elevated-border: rgba(210, 44, 33, 0.45);
  --sev-high-bg: rgba(210, 44, 33, 0.45);
  --sev-high-fg: #FFFFFF;
  --sev-high-border: #D22C21;
  --sev-critical-bg: #D22C21;
  --sev-critical-fg: #FFFFFF;
  --sev-critical-border: #D22C21;
}