:root{
/* Brand (from COLOR CODE.txt) */
--orange-500:#F07B38;--orange-600:#D8652A;--orange-700:#B84F1C;--orange-100:#FDE9DC;--orange-50:#FEF5EF;
--indigo-800:#2E368E;--indigo-900:#1F2566;--indigo-950:#141848;--indigo-100:#E3E5F3;--indigo-50:#F2F3FA;
/* Night-sky gradient stops sampled from the logo mark */
--sky-900:#25469A;--sky-700:#1268B2;--sky-500:#40A0CB;--sky-300:#6EC9E0;
--star-pink:#F27DA0;
/* Neutrals (cool, indigo-tinted) */
--ink:#0B0C14;--gray-900:#181A2B;--gray-700:#3B3E55;--gray-500:#6B6E86;--gray-400:#9C9FB3;--gray-300:#C9CBD8;--gray-200:#E4E5EC;--gray-100:#F1F2F6;--gray-50:#F8F8FB;--white:#FFFFFF;
/* Semantic */
--success:#1F8A5B;--warning:#C98A12;--danger:#C0392B;--info:var(--sky-700);
/* Aliases: surfaces */
--surface-page:var(--white);--surface-alt:var(--gray-50);--surface-card:var(--white);--surface-inverse:var(--indigo-800);--surface-night:var(--indigo-950);--surface-accent:var(--orange-500);
/* Aliases: text */
--text-body:var(--gray-900);--text-heading:var(--ink);--text-muted:var(--gray-500);--text-on-accent:var(--ink);--text-on-inverse:var(--white);--text-link:var(--indigo-800);--text-link-hover:var(--orange-600);
/* Aliases: borders */
--border-subtle:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--orange-500);
/* Aliases: interactive */
--btn-primary-bg:var(--orange-500);--btn-primary-bg-hover:var(--orange-600);--btn-primary-fg:var(--ink);
--btn-secondary-bg:var(--indigo-800);--btn-secondary-bg-hover:var(--indigo-900);--btn-secondary-fg:var(--white);
/* Gradients */
--gradient-sky:linear-gradient(180deg,var(--indigo-800) 0%,var(--sky-700) 45%,var(--sky-500) 80%,var(--sky-300) 100%);
--gradient-sky-radial:radial-gradient(ellipse 70% 60% at 50% 100%,var(--sky-300) 0%,var(--sky-500) 30%,var(--sky-700) 60%,var(--indigo-800) 100%);
--gradient-protect:linear-gradient(180deg,rgba(11,12,20,0) 0%,rgba(11,12,20,.75) 100%); /* @kind color */
}