:root {
  /* === FONTS === */
  --font-main: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* === BRAND COLORS === */
  --color-primary: #4A90D9;
  --color-primary-dark: #2B5F9E;
  --color-accent: #6366F1;
  --color-accent-light: #818CF8;

  /* === BACKGROUNDS === */
  --bg-page: #F7F9FC;
  --bg-card: #FFFFFF;
  --bg-section: #EEF2FF;
  --bg-hover: #F1F5F9;

  /* === TEXT === */
  --text-primary: #1A202C;
  --text-secondary: #718096;
  --text-tertiary: #A0AEC0;
  --color-link: #4A90D9;
  --color-link-hover: #2B5F9E;

  /* === STATUS COLORS (biomarkers) === */
  --status-normal: #38A169;
  --status-normal-bg: #F0FFF4;
  --status-normal-border: #C6F6D5;

  --status-warn: #D69E2E;
  --status-warn-bg: #FFFFF0;
  --status-warn-border: #FEFCBF;

  --status-critical: #E53E3E;
  --status-critical-bg: #FFF5F5;
  --status-critical-border: #FED7D7;

  --status-unknown: #A0AEC0;
  --status-unknown-bg: #F7FAFC;

  /* === UI SYSTEM === */
  --color-success: #38A169;
  --color-warning: #D69E2E;
  --color-error: #E53E3E;
  --color-info: #4A90D9;
  --color-divider: #E2E8F0;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.1);

  /* === BRAND GRADIENT === */
  --gradient-brand: linear-gradient(135deg, #4A90D9 0%, #6366F1 100%);

  /* === BORDER RADIUS === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 9999px;

  /* === ADMIN DARK THEME === */
  --admin-bg: #0F172A;
  --admin-card: #1E293B;
  --admin-border: #334155;
  --admin-text: #E2E8F0;
  --admin-text-muted: #94A3B8;
  --admin-accent: #6366F1;
}