:root {
  --surface-page: var(--color-neutral-100);
  --surface-card: var(--color-neutral-000);
  --surface-sidebar: var(--color-neutral-050);
  --surface-nav: rgba(255, 255, 255, 0.9);
  --surface-hero: linear-gradient(135deg, #f8fafc 0%, #dbeafe 48%, #fef3c7 100%);
  --surface-selected: #e0f2fe;
  --surface-subtle: #eef2ff;
  --surface-overlay: rgba(15, 23, 42, 0.44);

  --text-primary: var(--color-neutral-900);
  --text-secondary: var(--color-neutral-600);
  --text-muted: var(--color-neutral-500);
  --text-brand: var(--color-brand-primary);
  --text-inverse: var(--color-neutral-000);

  --border-default: var(--color-neutral-200);
  --border-strong: var(--color-neutral-300);
  --border-focus: var(--color-brand-primary);

  --interactive-primary: var(--color-brand-primary);
  --interactive-accent: var(--color-brand-accent);
  --interactive-hover: #0b3a62;
  --interactive-muted: var(--color-neutral-200);

  --score-high: var(--color-danger);
  --score-medium: var(--color-warning);
  --score-low: var(--color-success);

  --decision-approve-bg: #dcfce7;
  --decision-approve-text: #166534;
  --decision-refer-bg: #fef3c7;
  --decision-refer-text: #92400e;
  --decision-reject-bg: #fee2e2;
  --decision-reject-text: #991b1b;

  --shadow-card: 0 12px 30px rgba(15, 23, 42, 0.08);
  --shadow-panel: 0 18px 45px rgba(15, 23, 42, 0.1);
  --shadow-nav: 0 10px 30px rgba(15, 23, 42, 0.08);
}

[data-theme="dark"] {
  --surface-page: var(--color-neutral-950);
  --surface-card: var(--color-neutral-800);
  --surface-sidebar: #111827;
  --surface-nav: rgba(15, 23, 42, 0.88);
  --surface-hero: linear-gradient(135deg, #0f172a 0%, #102a43 48%, #3b2f16 100%);
  --surface-selected: #14324b;
  --surface-subtle: #142033;
  --surface-overlay: rgba(2, 6, 23, 0.7);

  --text-primary: var(--color-neutral-100);
  --text-secondary: var(--color-neutral-300);
  --text-muted: var(--color-neutral-400);
  --text-brand: #93c5fd;
  --text-inverse: var(--color-neutral-900);

  --border-default: var(--color-neutral-700);
  --border-strong: var(--color-neutral-600);
  --border-focus: #93c5fd;

  --interactive-primary: #60a5fa;
  --interactive-accent: #f59e0b;
  --interactive-hover: #93c5fd;
  --interactive-muted: var(--color-neutral-700);

  --score-high: #fca5a5;
  --score-medium: #fcd34d;
  --score-low: #86efac;

  --decision-approve-bg: rgba(22, 101, 52, 0.25);
  --decision-approve-text: #86efac;
  --decision-refer-bg: rgba(146, 64, 14, 0.28);
  --decision-refer-text: #fcd34d;
  --decision-reject-bg: rgba(153, 27, 27, 0.28);
  --decision-reject-text: #fca5a5;

  --shadow-card: 0 12px 30px rgba(2, 6, 23, 0.4);
  --shadow-panel: 0 18px 45px rgba(2, 6, 23, 0.55);
  --shadow-nav: 0 10px 30px rgba(2, 6, 23, 0.4);
}