/* MedX design tokens v6 "Clinical" — teal + navy.
   Navy frames the app (side menu, admin band); teal is the one action colour; white cards on a cool off-white canvas.
   Light is the default everywhere. Dark applies only with <html data-theme="dark">, set from the user menu.
   Contrast (WCAG 2.2): primary #0d7a70 on white 5.1:1, links #0b6359 6.9:1, text-3 #5b6b7e 5.3:1,
   input border #7b8ca0 3.3:1. Teal #14b8a6 is decoration only. */
:root {
  /* Teal scale (kept under the old --blue-* names so every page keeps working) */
  --blue-50: #f0faf8;
  --blue-100: #dcf3ef;
  --blue-200: #b5e6de;
  --blue-300: #80d2c6;
  --blue-400: #2fb5a5;
  --blue-500: #12998a;
  --blue-600: #0d7a70;
  --blue-700: #0b6359;
  --blue-800: #0a4c45;
  --blue-900: #07332f;

  /* Navy scale: the frame */
  --navy-950: #071324;
  --navy-900: #0b1b30;
  --navy-800: #10243d;
  --navy-700: #173150;
  --navy-600: #224266;
  --navy-500: #3a5a80;
  --navy-300: #9db0c8;
  --navy-200: #c9d5e3;

  /* Brand */
  --c-primary: var(--blue-600);
  --c-primary-600: var(--blue-700);
  --c-primary-700: var(--blue-700);
  --c-primary-50: var(--blue-100);
  --c-primary-100: var(--blue-200);
  --c-primary-glow: rgba(18, 153, 138, .28);
  --c-brand: #14b8a6;
  --brand-mark: linear-gradient(135deg, #14b8a6, #0d7a70);
  --c-link: var(--blue-700);
  --c-accent: #2563eb;
  --c-accent-50: #e8effd;
  --c-violet: #6d4ae0;

  --g-brand: linear-gradient(135deg, #12998a 0%, #0d7a70 55%, #0b5f68 100%);
  --g-brand-soft: linear-gradient(135deg, #f0faf8, #e6f0fb);
  --g-navy: linear-gradient(160deg, #10243d 0%, #0b1b30 60%, #071324 100%);
  --g-sunrise: var(--c-warning);
  --g-mint: var(--c-success);
  --g-violet: var(--c-purple);
  --g-rose: var(--c-danger);
  --g-sky: var(--blue-500);

  /* Neutrals (cool slate) */
  --c-bg: #f3f6fa;
  --c-surface: #ffffff;
  --c-surface-2: #f8fafc;
  --c-surface-3: #eef2f7;
  --c-surface-glass: rgba(255, 255, 255, .86);
  --c-border: #e2e8f0;
  --c-border-strong: #cbd5e1;
  --c-input-border: #7b8ca0;
  --c-text: #0f1b2d;
  --c-text-2: #3a4a5f;
  --c-text-3: #5b6b7e;
  --c-text-inverse: #ffffff;
  --c-on-primary: #ffffff;
  --c-on-danger: #ffffff;

  /* Semantic (status only) */
  --c-success: #157347;
  --c-success-bg: #e3f6ec;
  --c-warning: #9a5a00;
  --c-warning-bg: #fff2d9;
  --c-danger: #c0262d;
  --c-danger-bg: #fdeaea;
  --c-info: #1d5fd1;
  --c-info-bg: #e8effd;
  --c-purple: #6d4ae0;
  --c-purple-bg: #f1edfd;

  --st-ok: var(--c-success);      --st-ok-bg: var(--c-success-bg);
  --st-warn: var(--c-warning);    --st-warn-bg: var(--c-warning-bg);
  --st-crit: var(--c-danger);     --st-crit-bg: var(--c-danger-bg);
  --st-info: var(--c-info);       --st-info-bg: var(--c-info-bg);
  --st-pending: var(--c-purple);  --st-pending-bg: var(--c-purple-bg);
  --st-done: var(--c-text-3);     --st-done-bg: var(--c-surface-3);

  /* Side menu: navy */
  --c-side-bg: var(--navy-900);
  --c-side-bg-2: var(--navy-950);
  --c-side-text: #b7c5d8;
  --c-side-text-active: #ffffff;
  --c-side-hover: rgba(255, 255, 255, .06);
  --c-side-active: rgba(45, 212, 191, .14);
  --c-side-line: rgba(255, 255, 255, .08);

  --bg-ambient: none;

  /* Type: Plus Jakarta Sans for headings, Atkinson Hyperlegible for reading (I/l/1, O/0 distinct for MRNs and doses) */
  --font-sans: "Atkinson Hyperlegible Next", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-display: "Plus Jakarta Sans", "Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, Consolas, monospace;
  --font-urdu: "Atkinson Hyperlegible Next", "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;
  --fs-xs: 13px;
  --fs-sm: 13.5px;
  --fs-base: 15.5px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-full: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 27, 45, .05), 0 1px 1px rgba(15, 27, 45, .03);
  --shadow-md: 0 8px 24px -10px rgba(15, 27, 45, .18), 0 2px 6px -2px rgba(15, 27, 45, .06);
  --shadow-lg: 0 28px 64px -20px rgba(15, 27, 45, .32), 0 6px 16px -6px rgba(15, 27, 45, .10);
  --shadow-glow: 0 10px 28px -10px rgba(13, 122, 112, .55);
  --focus: 0 0 0 3px rgba(18, 153, 138, .30);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-spring: var(--ease);
  --t-fast: .14s;
  --t-med: .22s;
  --t-slow: .32s;

  --skel-base: #e7edf4;
  --skel-shine: rgba(255, 255, 255, .7);

  /* Task categories: soft icon backgrounds + their ink. Colour is never the only cue. */
  --cat-desk-bg: #e6effd;   --cat-desk-fg: #1d55c4;
  --cat-care-bg: #dcf3ef;   --cat-care-fg: #0b6359;
  --cat-lab-bg: #efeafd;    --cat-lab-fg: #5b3cc4;
  --cat-pharm-bg: #fff0db;  --cat-pharm-fg: #9a5200;
  --cat-money-bg: #e1f5e9;  --cat-money-fg: #146a40;
  --cat-manage-bg: #edf1f6; --cat-manage-fg: #33465e;
  /* the same categories on the navy menu */
  --cat-desk-nav: #8fb5ff;  --cat-care-nav: #5eead4;  --cat-lab-nav: #c4b5fd;
  --cat-pharm-nav: #fcd34d; --cat-money-nav: #86efac; --cat-manage-nav: #cbd5e1;
  --sidebar-w: 264px;
  --topbar-h: 64px;
  color-scheme: light;
}

/* ---------- Dark theme: only when chosen in the user menu ---------- */
:root[data-theme="dark"] {
  --blue-50: #0f2523;
  --blue-100: #123330;
  --blue-200: #17443f;
  --blue-300: #1f6159;
  --blue-400: #2fb5a5;
  --blue-500: #4fd1c0;
  --blue-600: #4fd1c0;
  --blue-700: #7fe0d3;
  --blue-800: #b5efe7;
  --blue-900: #e0faf6;
  --c-bg: #08111e;
  --c-surface: #0f1b2c;
  --c-surface-2: #122034;
  --c-surface-3: #172840;
  --c-surface-glass: rgba(15, 27, 44, .9);
  --c-border: #1f3350;
  --c-border-strong: #2c4566;
  --c-input-border: #5f7896;
  --c-text: #e7eef7;
  --c-text-2: #b9c7d9;
  --c-text-3: #93a6be;
  --c-on-primary: #04201d;
  --c-on-danger: #2a0b08;
  --c-success: #5fd3a0;
  --c-success-bg: rgba(95, 211, 160, .13);
  --c-warning: #f2c063;
  --c-warning-bg: rgba(242, 192, 99, .13);
  --c-danger: #ff8a80;
  --c-danger-bg: rgba(255, 138, 128, .14);
  --c-info: #93b8ff;
  --c-info-bg: rgba(147, 184, 255, .13);
  --c-purple: #c1a8ff;
  --c-purple-bg: rgba(193, 168, 255, .14);
  --c-side-bg: #060e1a;
  --c-side-bg-2: #040a13;
  --g-brand-soft: linear-gradient(135deg, #0f2523, #122034);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 8px 22px -8px rgba(0, 0, 0, .55);
  --shadow-lg: 0 24px 60px -14px rgba(0, 0, 0, .7);
  --focus: 0 0 0 3px rgba(79, 209, 192, .4);
  --skel-base: #172840;
  --skel-shine: rgba(255, 255, 255, .06);
  --cat-desk-bg: #142849;   --cat-desk-fg: #9cbcff;
  --cat-care-bg: #103330;   --cat-care-fg: #7fe0d3;
  --cat-lab-bg: #241d40;    --cat-lab-fg: #c9b8ff;
  --cat-pharm-bg: #33270f;  --cat-pharm-fg: #f6c768;
  --cat-money-bg: #10301f;  --cat-money-fg: #86e3ad;
  --cat-manage-bg: #1a2638; --cat-manage-fg: #c3d0e0;
  color-scheme: dark;
}