/**
 * DiagnoQ — Theme Variables
 * ---------------------------------------------------------------------------
 * Calm clinical blue/teal palette. All colors are defined as CSS variables
 * here so the whole app can be re-skinned in one place once the final
 * CETQAP/DiagnoQ logo palette is finalized. Swap the values below only —
 * do not hardcode colors elsewhere in the CSS.
 */
:root {
  /* --- Brand / primary --- */
  --color-primary: #1B5E7A;        /* deep teal-blue — headers, primary buttons */
  --color-primary-dark: #123F52;   /* hover/active state for primary */
  --color-primary-light: #E7F1F5;  /* light tint for primary backgrounds/badges */

  --color-accent: #2E9E8F;         /* teal accent — secondary actions, highlights */
  --color-accent-light: #E4F5F2;

  /* --- Semantic / clinical status colors (kept muted, not neon) --- */
  --color-flag: #B5651D;           /* muted amber/brown — "worth a second look" flags */
  --color-flag-bg: #FBF2E9;
  --color-urgent-reserved: #A23B3B; /* RESERVED for future ER-NOW alert feature — do not use elsewhere yet */
  --color-success: #3E7D5A;        /* muted green — normal/no flags */
  --color-success-bg: #EAF4EE;

  /* --- Neutrals --- */
  --color-background: #F7F9FA;
  --color-surface: #FFFFFF;
  --color-border: #DCE3E7;
  --color-text-primary: #1F2A2E;
  --color-text-secondary: #5B6B70;
  --color-text-inverse: #FFFFFF;

  /* --- Typography --- */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* --- Layout --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(20, 40, 50, 0.06);
  --shadow-md: 0 2px 8px rgba(20, 40, 50, 0.08);
  --footer-banner-height: 72px; /* banner text now wraps to ~2 lines on narrow screens */
}

@media (prefers-color-scheme: dark) {
  /* DiagnoQ is optimized for clinical desktop use in well-lit settings;
     dark mode is intentionally NOT auto-enabled to avoid unexpected
     contrast issues on hospital displays. Left here as a documented,
     inactive placeholder for a future explicit dark-mode toggle. */
}