:root {
    --color-primary: #092942;
    --color-primary-hover: #061f32;

    --color-success: #15803d;
    --color-warning: #b45309;
    --color-danger: #b91c1c;
    --color-info: #0369a1;

    --color-bg: #f5f5f0;
    --color-surface: #ffffff;
    --color-surface-hover: #f1f3f2;

    --color-text: #0b1f2a;
    --color-text-secondary: #5f6f78;
    --color-text-muted: #8a969d;

    --color-border: #dfe5e7;
    --color-border-focus: #092942;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    
    --shadow-sm: 0 2px 8px rgba(9, 41, 66, 0.04);
    --shadow-md: 0 12px 32px rgba(9, 41, 66, 0.06);
    --shadow-lg: 0 20px 40px rgba(9, 41, 66, 0.08);

    --font-family: "Inter", sans-serif;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 24px;
    --text-2xl: 32px;

    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    --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;

    --sidebar-width: 260px;
    --header-height: 64px;

    
    --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

    
  /* Clinical Palette */
   --primary-color: #0284c7;
   --bg-canvas: #f8fafc;
   --surface-color: #ffffff;
   --text-main: #0f172a;
   --text-muted: #64748b;
   --success-color: #16a34a;
   --error-color: #dc2626;

  /* Sidebar Constants */
   --sidebar-width: 250px;
}