:root{
--indigo-900:#0a0f38;
--indigo-800:#131e5f;
--indigo-700:#1c2a72;
--indigo-500:#3648a0;
--indigo-300:#8891c4;
--indigo-100:#dcdfef;
--cyan-600:#0097a8;
--cyan-500:#00bcd4;
--cyan-300:#5cd8e6;
--cyan-100:#dff2f9;
--silver-500:#c7c7c7;
--silver-300:#eeeeee;
--silver-100:#f7f7f7;
--white:#ffffff;
--ink-900:#111319;
--ink-700:#3a3d47;
--ink-500:#6b6e78;
--ink-300:#a8aab2;
--success:#1c8a5c;
--warning:#b8842f;
--danger:#b33a3a;
--color-bg:var(--white);
--color-bg-tint:var(--cyan-100);
--color-surface:var(--white);
--color-surface-alt:var(--silver-100);
--color-surface-sunken:var(--silver-300);
--color-border:var(--silver-500);
--color-border-strong:var(--indigo-800);
--color-text-primary:var(--ink-900);
--color-text-secondary:var(--ink-500);
--color-text-onDark:var(--white);
--color-text-onDark-secondary:var(--indigo-100);
--color-brand-primary:var(--indigo-800);
--color-brand-primary-hover:var(--indigo-700);
--color-brand-primary-active:var(--indigo-900);
--color-brand-accent:var(--cyan-500);
--color-brand-accent-hover:var(--cyan-600);
--color-link:var(--indigo-800);
--color-link-hover:var(--cyan-600);
--shadow-sm:0 1px 2px rgba(19,30,95,0.06);
--shadow-md:0 4px 16px rgba(19,30,95,0.10);
--shadow-lg:0 12px 32px rgba(19,30,95,0.14);
--radius-sm:4px;
--radius-md:8px;
--radius-lg:16px;
}