/* ==========================================================================
   DIGITAL FIRST RESPONDER LAB - UNIFIED BRAND IDENTITY MIGRATION
   ========================================================================== */

:root {
  /* Dark Theme (Default Baseline) */
  --bg: #161B21; 
  --bg-2: #12161b; 
  --surface: #1E242B; 
  --surface-2: #232B34; 
  --surface-3: #2a323c;
  
  --text: #3D4142; /* Slate fallback for light overrides, mapped structurally below */
  
  /* Locked Brand Tokens Integration */
  --green: #1E5040;      /* Identity color: headers, logo, nav, links, primary UI */
  --amber: #E0A83E;      /* CTAs, highlights, hover states, accents */
  --crimson: #8B1E24;    /* ECG/pulse elements ONLY */
  --cream: #F3ECDD;      /* Backgrounds */
  --slate: #3D4142;      /* Body text, secondary UI */

  /* Map Legacy Variables to New Purposed Design Tokens */
  --emerald: var(--green);
  --brass: var(--amber);
  --sport: var(--slate);
  --border: rgba(255, 255, 255, 0.09);
  
  /* Typography Configuration */
  --mono: 'DM Mono', monospace; 
  --sans: 'DM Sans', sans-serif; 
  --display: 'Cormorant Garamond', serif;
  
  /* Layout Containers */
  --max-width-default: 1080px;
}

/* Maintain dark mode default presentation as requested */
:root {
  --bg: #161B21;
  --surface: #1E242B;
  --surface-2: #232B34;
  --text: #F4F4F1;
  --dim: #95A0AB;
}

[data-theme="light"] {
  /* Light Theme Overrides using Locked Tokens */
  --bg: var(--cream); 
  --bg-2: #ECEDE8; 
  --surface: #FFFFFF; 
  --surface-2: #ECEDE8; 
  --surface-3: #E2E3DD;
  
  --text: var(--slate); 
  --dim: #5A6670; 
  --faint: #8A929B; 
  --line: #dcdcd6;
  
  --emerald: var(--green); 
  --brass: var(--amber);
  
  --border: rgba(61, 65, 66, 0.14);
}