:root{
--color-primary:#1E40AF;
--color-primary-hover:#1E3A8A;
--color-secondary:#9CA3AF;
--color-tertiary:#111827;
--color-background:#FFFFFF;
--color-surface:#F9FAFB;
--color-success:#16A34A;
--color-warning:#CA8A04;
--color-error:#DC2626;
--color-info:#2563EB;
--color-border:#E5E7EB;
--color-border-medium:#9CA3AF;
--color-text-secondary:#4B5563;
--color-text-tertiary:#6B7280;
--color-secondary-hover-bg:#EFF6FF;
--color-ghost-hover-bg:#F3F4F6;
--color-destructive-hover:#B91C1C;
--color-disabled-border:#E5E7EB;
--color-disabled-fill:#F9FAFB;
--color-disabled-text:#9CA3AF;
--surface-page:var(--color-background);
--surface-card:var(--color-background);
--surface-panel:var(--color-surface);
--text-heading:var(--color-tertiary);
--text-body:var(--color-tertiary);
--text-muted:var(--color-secondary);
--border-default:var(--color-border);
--accent:var(--color-primary);
}