:root{
--gi-blue-500:#1677FF;--gi-blue-600:#0F5FD6;--gi-blue-700:#0B4AAD;--gi-blue-400:#4A94FF;--gi-blue-300:#8DB9FF;--gi-blue-200:#C7DDFF;--gi-blue-100:#E8F2FF;--gi-blue-50:#F7FAFF;
--gi-navy-900:#10224A;--gi-navy-800:#1B315F;--gi-navy-700:#2A4373;
--gi-slate-500:#5B6889;--gi-slate-400:#8390AB;--gi-slate-300:#B5BFD3;--gi-slate-200:#DCE8F7;--gi-slate-100:#EEF3FA;
--gi-white:#FFFFFF;
--gi-green-500:#22C55E;--gi-green-100:#DCFCE7;--gi-amber-500:#F59E0B;--gi-amber-100:#FEF3C7;--gi-red-500:#EF4444;--gi-red-100:#FEE2E2;--gi-violet-500:#8B5CF6;--gi-violet-100:#EDE9FE;
/* semantic */
--color-primary:var(--gi-blue-500);--color-primary-hover:var(--gi-blue-600);--color-primary-active:var(--gi-blue-700);--color-primary-soft:var(--gi-blue-100);--color-on-primary:var(--gi-white);
--color-accent:var(--gi-amber-500);
--surface-page:var(--gi-white);--surface-tint:var(--gi-blue-50);--surface-soft:var(--gi-blue-100);--surface-card:var(--gi-white);--surface-inverse:var(--gi-navy-900);
--text-heading:var(--gi-navy-900);--text-body:var(--gi-slate-500);--text-muted:var(--gi-slate-400);--text-link:var(--gi-blue-500);--text-inverse:var(--gi-white);--text-on-inverse-muted:#B9C6E0;
--border-default:var(--gi-slate-200);--border-strong:var(--gi-slate-300);--border-focus:var(--gi-blue-500);
--status-success:var(--gi-green-500);--status-success-soft:var(--gi-green-100);--status-warning:var(--gi-amber-500);--status-warning-soft:var(--gi-amber-100);--status-danger:var(--gi-red-500);--status-danger-soft:var(--gi-red-100);--status-info:var(--gi-blue-500);--status-info-soft:var(--gi-blue-100);--status-featured:var(--gi-violet-500);--status-featured-soft:var(--gi-violet-100);
--focus-ring:0 0 0 3px rgba(22,119,255,.35);
}