/**
 * DCare Phase C — design tokens (Hutt/RBS hPanel palette)
 * Clinic green; used by theme-hpanel.css + dcare-hutt-ui.css
 */
:root {
  --color-primary-900: #0f5b2f;
  --color-primary-800: #166b38;
  --color-primary-700: #1d7d43;
  --color-primary-600: #279a55;
  --color-primary-500: #38ad68;
  --color-primary-100: #eaf7ef;
  --color-primary-50: #f4fbf7;
  --color-page: #f6f8fa;
  --color-surface: #ffffff;
  --color-border: #e2e7ec;
  --color-text: #172033;
  --color-text-muted: #667085;
  --color-success: #138a4b;
  --color-success-bg: #dcfce7;
  --color-danger: #c92a2a;
  --color-danger-bg: #fee2e2;
  --color-warning: #b65c00;
  --color-warning-bg: #fff3cd;
  --color-info: #2563eb;
  --color-info-bg: #dbeafe;
  --hp-sidebar-width: 220px;
  --hp-topbar-height: 48px;
  --hp-font-xs: 11px;
  --hp-font-sm: 12px;
  --hp-font-base: 13px;
  --hp-font-md: 14px;
  --hp-font-lg: 16px;
  --hp-radius: 8px;
  --hp-radius-lg: 12px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --hp-accent: var(--color-primary-600);
  --hp-accent-soft: var(--color-primary-50);
  --hp-accent-border: #cfe8d8;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 6px 20px rgba(16, 24, 40, 0.08);
  --shadow-dropdown: 0 12px 30px rgba(16, 24, 40, 0.12);
}