/* Values extracted from the active DAR theme. */
:root {
    --dar-green-950: #082f24;
    --dar-green-900: #0b3d2e;
    --dar-green-800: #0f5132;
    --dar-green-700: #166534;
    --dar-green-600: #1f7a4d;
    --dar-green-100: #dcfce7;
    --dar-green-50: #f0fdf4;
    --dar-gold: #d4a72c;
    --dar-navy: #153e52;
    --surface: #ffffff;
    --canvas: #f4f6f9;
    --border: #dfe5ea;
    --text: #23313d;
    --muted: #667684;
    --danger: #c0392b;
    --warning: #c47a0a;
    --info: #1676a3;
    --shadow-sm: 0 1px 2px rgba(28, 39, 49, .06);
    --shadow-md: 0 5px 18px rgba(28, 39, 49, .08);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    /* Semantic aliases; original DAR token names remain the source of truth. */
    --color-primary: var(--dar-green-700);
    --color-secondary: #536471;
    --color-success: #218c57;
    --color-warning: var(--warning);
    --color-danger: var(--danger);
    --color-info: var(--info);
    --bg-page: var(--canvas);
    --bg-card: var(--surface);
    --bg-sidebar: #17252d;
    --bg-navbar: var(--dar-green-800);
    --text-primary: var(--text);
    --text-secondary: #4f5e69;
    --text-muted: var(--muted);
    --border-color: var(--border);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 18px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --sidebar-width: 260px;
    --header-height: 56px;
}