:root{
/* --- Brand: blue --- */
--blue-50:#eef4ff;--blue-100:#dce8ff;--blue-200:#b9d1ff;--blue-300:#8ab0ff;--blue-400:#638eff;
--blue-500:#3e7bfa;--blue-600:#2f5fe0;--blue-700:#2749b3;--blue-800:#1f3785;--blue-900:#182a63;
/* --- Brand: teal --- */
--teal-50:#e9fbf8;--teal-100:#cdf5ee;--teal-200:#9de8dc;--teal-300:#66d7c8;--teal-400:#3ec7b3;
--teal-500:#22b8a6;--teal-600:#1a9689;--teal-700:#16776e;--teal-800:#125e57;--teal-900:#0e4842;
/* --- Neutrals (cool gray) --- */
--gray-0:#ffffff;--gray-50:#f4f6f9;--gray-100:#eaeef3;--gray-200:#dce2ea;--gray-300:#c2cbd9;
--gray-400:#9aa7bd;--gray-500:#748099;--gray-600:#57637a;--gray-700:#404a5e;--gray-800:#2b3242;
--gray-900:#1f2937;--gray-950:#141a24;
/* --- Semantic status --- */
--green-500:#2fb673;--green-100:#dcf5e8;--green-700:#1b7a4c;
--amber-500:#e2a336;--amber-100:#fbeecd;--amber-700:#9a6816;
--red-500:#e5484d;--red-100:#fbe2e2;--red-700:#a8282d;
/* --- Brand gradient --- */
--gradient-brand:linear-gradient(90deg,#3e7bfa 0%,#22b8a6 100%); /* @kind color */
--gradient-brand-hover:linear-gradient(90deg,#3570e6 0%,#1ea495 100%); /* @kind color */
--gradient-brand-soft:linear-gradient(135deg,rgba(62,123,250,.10) 0%,rgba(34,184,166,.10) 100%); /* @kind color */
/* --- Semantic aliases --- */
--color-primary:var(--blue-500);
--color-primary-hover:var(--blue-600);
--color-accent:var(--teal-500);
--surface-page:var(--gray-50);
--surface-card:var(--gray-0);
--surface-card-alt:var(--gray-100);
--surface-inverse:var(--gray-900);
--surface-overlay:rgba(20,26,36,.55);
--border-subtle:var(--gray-200);
--border-default:var(--gray-300);
--text-heading:var(--gray-900);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-primary:var(--gray-0);
--text-link:var(--blue-600);
--text-link-hover:var(--blue-700);
--status-success-bg:var(--green-100);--status-success-fg:var(--green-700);--status-success-solid:var(--green-500);
--status-warning-bg:var(--amber-100);--status-warning-fg:var(--amber-700);--status-warning-solid:var(--amber-500);
--status-danger-bg:var(--red-100);--status-danger-fg:var(--red-700);--status-danger-solid:var(--red-500);
--status-info-bg:var(--blue-50);--status-info-fg:var(--blue-700);--status-info-solid:var(--blue-500);
}