/* ==========================================================================
   CarePoint Clinic Design System — theme.css
   Classic Clinical / Hospital Palette & Modular CSS Variables
   ========================================================================== */

:root {
  /* Core Clinical Brand Palette */
  --color-primary: #0056b3;          /* Deep Medical Blue */
  --color-primary-hover: #004085;
  --color-primary-light: #e6f0fa;
  --color-primary-subtle: #d0e4f7;

  --color-secondary: #17a2b8;        /* Soft Clinical Teal */
  --color-secondary-hover: #138496;
  --color-secondary-light: #e8f7f9;

  --color-accent: #20c997;           /* Fresh Clinical Mint */

  /* Surfaces & Backgrounds */
  --bg-body: #f4f7fa;                /* Clean Slate Canvas */
  --bg-surface: #ffffff;             /* Pure White Cards / Modals */
  --bg-surface-secondary: #f8fafc;   /* Elevated Slate */
  --bg-sidebar: #0b2545;             /* Deep Clinical Navy Navigation */
  --bg-sidebar-hover: #133966;
  --bg-sidebar-active: #0056b3;

  /* Typography & High-Contrast Text */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  --text-primary: #1a202c;           /* High-contrast dark charcoal */
  --text-secondary: #4a5568;         /* Subdued body slate */
  --text-muted: #718096;             /* Helper / placeholder text */
  --text-inverse: #ffffff;           /* Text on dark surfaces */
  --text-link: #0056b3;

  /* Semantic Clinical Status Tokens */
  --status-scheduled: #3b82f6;       /* Blue */
  --status-scheduled-bg: #eff6ff;
  --status-confirmed: #10b981;       /* Green */
  --status-confirmed-bg: #ecfdf5;
  --status-checked-in: #f59e0b;      /* Amber / Orange */
  --status-checked-in-bg: #fffbeb;
  --status-in-progress: #8b5cf6;     /* Purple */
  --status-in-progress-bg: #f5f3ff;
  --status-completed: #059669;       /* Dark Green */
  --status-completed-bg: #ecfdf5;
  --status-cancelled: #ef4444;       /* Red */
  --status-cancelled-bg: #fef2f2;
  --status-no-show: #64748b;         /* Slate */
  --status-no-show-bg: #f1f5f9;

  /* Clinical Alerts */
  --alert-danger-border: #f87171;
  --alert-danger-bg: #fee2e2;
  --alert-danger-text: #991b1b;
  --alert-warning-bg: #fef3c7;
  --alert-warning-text: #92400e;
  --alert-info-bg: #e0f2fe;
  --alert-info-text: #075985;
  --alert-success-bg: #dcfce7;
  --alert-success-text: #166534;

  /* Borders & Dividers */
  --border-color: #dce4ec;
  --border-light: #edf2f7;
  --border-focus: #0056b3;

  /* Radii & Shadows */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(11, 37, 69, 0.06);
  --shadow-md: 0 4px 14px rgba(11, 37, 69, 0.08);
  --shadow-lg: 0 10px 25px rgba(11, 37, 69, 0.12);

  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 250ms ease-in-out;
}