:root {
    --color-primary: #063f86;
    --color-primary-rgb: 33, 107, 230;
    --color-primary-soft: rgba(33, 107, 230, 0.12);
    --color-primary-subtle: rgba(33, 107, 230, 0.08);
    --color-secondary: #529ce6;
    --color-secondary-rgb: 82, 156, 230;
    --color-secondary-soft: rgba(82, 156, 230, 0.14);
    --color-success: #16a34a;
    --color-success-soft: rgba(22, 163, 74, 0.12);
    --color-warning: #f59e0b;
    --color-warning-soft: rgba(245, 158, 11, 0.14);
    --color-danger: #dc2626;
    --color-danger-soft: rgba(220, 38, 38, 0.12);
    --color-info: #0284c7;
    --color-info-soft: rgba(2, 132, 199, 0.12);
    --color-text: #0D3585;
    --color-text-soft: #334155;
    --color-muted: #64748b;
    --color-muted-light: #94a3b8;
    --color-background: #f4f7fb;
    --color-background-soft: #f8fbff;
    --color-surface: #ffffff;
    --color-surface-soft: #f8fafc;
    --color-border: rgba(148, 163, 184, 0.22);
    --color-border-strong: rgba(100, 116, 139, 0.34);
    --color-hover: rgba(82, 156, 230, 0.12);
    --color-active: rgba(33, 107, 230, 0.16);
    --gradient-primary: linear-gradient(135deg, var(--color-secondary), var(--color-primary));
    --gradient-primary-hover: linear-gradient(135deg, #68aaf0, #1f5fd0);
    --gradient-page: linear-gradient(180deg, var(--color-background-soft) 0%, var(--color-background) 320px);
    --gradient-table-head: linear-gradient(0deg, var(--color-secondary), var(--color-primary));
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 14px 32px rgba(15, 23, 42, 0.09);
    --shadow-lg: 0 22px 50px rgba(15, 23, 42, 0.14);
    --shadow-primary: 0 12px 26px rgba(33, 107, 230, 0.26);
    --radius-xs: 8px;
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --focus-ring: 0 0 0 0.2rem rgba(33, 107, 230, 0.18);
}