/* ==========================================================================
   E-Pharmacy Admin — Design Tokens
   ========================================================================== */
:root {
  /* Page / surfaces */
  --bg-page: #f5f7fa;
  --bg-surface: #ffffff;
  --bg-surface-alt: #f8fafc;
  --bg-sunken: #f1f4f8;

  /* Sidebar (deep navy premium shell) */
  --sidebar-bg: #0f1a2c;
  --sidebar-bg-elevated: #142035;
  --sidebar-border: rgba(255, 255, 255, 0.06);
  --sidebar-text: #97a3ba;
  --sidebar-text-active: #ffffff;
  --sidebar-hover-bg: rgba(255, 255, 255, 0.05);
  --sidebar-active-bg: rgba(31, 79, 209, 0.2);
  --sidebar-section-label: #5c6a85;

  /* Borders */
  --border-subtle: #e7eaef;
  --border-default: #dde1e8;
  --border-strong: #c7cdd8;

  /* Text */
  --text-primary: #101828;
  --text-secondary: #56606f;
  --text-muted: #8993a3;
  --text-inverse: #ffffff;
  --text-link: #1c5cab;

  /* Brand — tuned to the N Care Plus logo (royal blue / leaf green / accent orange) */
  --brand-50: #e9eefc;
  --brand-100: #ccd9f8;
  --brand-300: #7996ec;
  --brand-500: #1f4fd1;
  --brand-600: #1a3fac;
  --brand-700: #16368f;
  --brand-900: #0e2360;
  --brand-teal: #4caf37;
  --brand-teal-50: #edf8ea;
  --brand-violet: #4a3aa7;
  --brand-orange: #f5820d;

  /* Status (fixed — never re-themed) */
  --status-good: #0ca30c;
  --status-good-bg: #e6f6e6;
  --status-good-text: #0a7d0a;
  --status-warning: #fab219;
  --status-warning-bg: #fff6e0;
  --status-warning-text: #8a5a00;
  --status-serious: #ec835a;
  --status-serious-bg: #fdece3;
  --status-serious-text: #b04a26;
  --status-critical: #d03b3b;
  --status-critical-bg: #fbe9e9;
  --status-critical-text: #b02a2a;
  --status-info: #2a78d6;
  --status-info-bg: #eaf2fd;
  --status-info-text: #1c5cab;
  --status-neutral: #8993a3;
  --status-neutral-bg: #eef1f5;
  --status-neutral-text: #5b6472;
  --status-violet-bg: #eeecfa;
  --status-violet-text: #4a3aa7;

  /* Chart categorical (validated palette — fixed order) */
  --series-1: #2a78d6; /* blue */
  --series-2: #eb6834; /* orange */
  --series-3: #1baf7a; /* aqua */
  --series-4: #eda100; /* yellow */
  --series-5: #e87ba4; /* magenta */
  --series-6: #008300; /* green */
  --series-7: #4a3aa7; /* violet */
  --series-8: #e34948; /* red */

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12);
  --shadow-focus: 0 0 0 4px rgba(31, 79, 209, 0.16);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Layout */
  --sidebar-width: 272px;
  --sidebar-width-collapsed: 76px;
  --header-height: 68px;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}