/* ==========================================================================
   LineGuard AI — Design tokens
   A!thera Partners brand palette + a restrained risk-severity family.
   Pull values from here verbatim; do not approximate.
   ========================================================================== */

:root {
  /* Primary palette */
  --athera-blue: #5FB8D6;
  --athera-blue-light: #A8D9EC;
  --athera-blue-deep: #2A8FB0;
  --athera-charcoal: #374151;
  --athera-charcoal-light: #4B5563;
  --athera-grey: #6B7280;
  --athera-grey-light: #9CA3AF;
  --athera-navy: #0F172A;
  --athera-navy-mid: #1E2B42;

  /* Surfaces */
  --athera-white: #FFFFFF;
  --athera-off-white: #F8F7F4;
  --athera-surface: #F1EEE8;

  /* Extended palette — charts and special callouts only */
  --athera-amber: #C8955A;
  --athera-amber-light: #E8C49A;
  --athera-steel: #8AA5BE;
  --athera-mist: #D4DFE8;

  /* Lines */
  --athera-line: rgba(55, 65, 81, 0.12);
  --athera-line-light: rgba(55, 65, 81, 0.06);
  --athera-line-dark: rgba(255, 255, 255, 0.08);
  --athera-line-dark-light: rgba(255, 255, 255, 0.06);

  /* Typography */
  --athera-display: 'Cormorant Garamond', Georgia, serif;
  --athera-sans: 'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --athera-mono: 'DM Mono', 'Consolas', 'Monaco', monospace;

  /* --------------------------------------------------------------------
     Risk-severity family — desaturated, muted tones that sit quietly
     within the brand. Used ONLY on risk indicators, never as decoration.
     -------------------------------------------------------------------- */
  --risk-high: #A8554E;          /* restrained brick red */
  --risk-high-bg: rgba(168, 85, 78, 0.08);
  --risk-high-line: rgba(168, 85, 78, 0.30);

  --risk-medium: #B0843F;        /* restrained amber */
  --risk-medium-bg: rgba(176, 132, 63, 0.09);
  --risk-medium-line: rgba(176, 132, 63, 0.30);

  --risk-low: #5F7D6A;           /* restrained sage */
  --risk-low-bg: rgba(95, 125, 106, 0.08);
  --risk-low-line: rgba(95, 125, 106, 0.28);

  /* Confidence — low confidence reads provisional, not alarming */
  --confidence-low: #6B7280;
  --confidence-low-bg: rgba(107, 114, 128, 0.06);

  /* Spacing scale */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 80px;
  --sp-8: 120px;

  --radius: 4px;
  --radius-sm: 2px;
}