/* =====================================================
   QA NotifyMe design tokens — single source of truth.
   Mirrors Theme/NotifyMeTheme.cs; keep the two files in sync.
   Loaded before site.css / shared.css so every later sheet
   can reference these variables.

   Variable names keep the cross-product `--cas-*` prefix from
   the QA UI design standard so shared stylesheets copied from
   the reference implementation work unchanged — only the brand
   slot VALUES are QA NotifyMe green (docs/UI-DESIGN-STANDARD.md §1.1).
   ===================================================== */
:root {
  /* Brand (QA NotifyMe green in the standard's Navy/Teal slots) */
  --cas-navy-900: #1E3A24;
  --cas-navy-800: #1E3A24;
  --cas-navy-700: #2C5F2D;
  --cas-teal-500: #52796F;
  --cas-navy-tint: #F0F4EF;
  --cas-signal-cyan: #A7C957; /* dark chrome only: active nav, live dots */
  --cas-gradient-chrome: linear-gradient(120deg, #173B27 0%, #24563A 58%, #2F6D4E 100%);
  --cas-gradient-hero: linear-gradient(135deg, #1E3A24 0%, #2C5F2D 55%, #52796F 100%);
  --cas-gradient-drawer: linear-gradient(180deg, #173B27 0%, #1D4930 50%, #24593B 100%);

  /* Slate neutrals (fixed by the standard) */
  --cas-ink: #1B2430;
  --cas-body: #2E3A47;
  --cas-muted: #5D6B7A;
  --cas-faint: #9AA7B4;
  --cas-line: #DEE4EB;
  --cas-line-soft: #E9EEF3;
  --cas-line-input: #B9C6D4;
  --cas-canvas: #F4F6F9;
  --cas-surface: #FFFFFF;
  --cas-console: #0C1620; /* log consoles & dark monitoring panels */

  /* Status — reserved for state, always paired with a dot/icon + label.
     -soft = chip/callout backgrounds, -deep = text on the soft tint. */
  --cas-success: #2E7D32;
  --cas-success-soft: #E7F2E8;
  --cas-success-deep: #1D5A22;
  --cas-warning: #ED6C02;
  --cas-warning-soft: #FDF0E1;
  --cas-warning-deep: #9A4A00;
  --cas-error: #C62828;
  --cas-error-soft: #FBEAEA;
  --cas-error-deep: #9E1F1F;
  --cas-info: #0277BD;
  --cas-info-soft: #E5F1F9;
  --cas-info-deep: #01579B;

  /* Shape & elevation */
  --cas-radius-control: 4px;
  --cas-radius-card: 8px;
  --cas-radius-hero: 12px;
  --cas-shadow-card: 0 2px 8px rgba(30, 58, 36, 0.08);
  --cas-shadow-overlay: 0 12px 40px rgba(30, 58, 36, 0.25);

  /* Type */
  --cas-font: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --cas-font-mono: 'Roboto Mono', Consolas, 'Cascadia Code', Menlo, monospace;
}