:root{
/* base palette */
--caito-blue:#1E5BFF;
--caito-purple:#1B103D;
--caito-black:#0B0A08;
--caito-white:#FFFFFF;
--caito-electric:#FFD600; /* Pantone Yellow 012 C */
/* tints & shades */
--caito-blue-dark:#1747C9;
--caito-blue-soft:#DCE5FF;
--caito-purple-soft:#2A1B57;
--caito-electric-dim:#E8BF00;
--caito-bluegrey:#BFCDE4;
--caito-bluegrey-soft:#EDF1F7;
/* semantic */
--surface-page:var(--caito-white);
--surface-paper:var(--caito-white);
--surface-card:var(--caito-white);
--surface-ink:var(--caito-purple);
--surface-accent:var(--caito-blue);
--surface-white:var(--caito-white);
--surface-black:var(--caito-black);
--accent-electric:var(--caito-electric);
--surface-utility:var(--caito-white);
--surface-mist:linear-gradient(135deg,#BFCDE4 0%,#D7E0EE 45%,#EDF1F7 100%); /* @kind other */
--text-on-electric:var(--caito-purple);
--text-primary:var(--caito-purple);
--text-secondary:rgba(27,16,61,0.68);
--text-on-ink:var(--caito-white);
--text-on-accent:var(--caito-white);
--text-accent:var(--caito-blue);
--border-strong:var(--caito-purple);
--border-subtle:rgba(27,16,61,0.22);
--border-hairline:rgba(27,16,61,0.12);
--focus-ring:var(--caito-blue);
}