/* KYSEC · semantic roles (03-color.md §3). Light surface is pearl, never pure white. */
:root{
--surface:var(--neutral-100);
--surface-2:var(--neutral-50);
--surface-card:var(--white);
--ink:var(--blue-800);
--navy:var(--blue-500);
--text:var(--blue-500);
--text-strong:var(--blue-800);
--text-muted:var(--neutral-700);
--text-on-dark:var(--white);
--text-muted-on-dark:var(--neutral-500);
--accent:var(--cyan-500);
--accent-text:var(--blue-500);
--accent-soft:var(--cyan-300);
--accent-tint:var(--cyan-50);
--link:var(--blue-300);
--teal:var(--cyan-800);
--border:var(--neutral-400);
--border-strong:var(--neutral-600);
--border-on-dark:rgba(255,255,255,.16);
--surface-on-dark:rgba(255,255,255,.05);
--focus-ring:var(--cyan-500);
--disabled-bg:var(--neutral-300);
--disabled-text:var(--neutral-600);
}
/* Dark sections: set data-theme="dark" (or class .kys-dark) on the section wrapper. */
[data-theme="dark"]{
--surface:var(--blue-500);
--surface-2:var(--blue-800);
--surface-card:rgba(255,255,255,.05);
--text:var(--white);
--text-strong:var(--white);
--text-muted:var(--neutral-500);
--border:rgba(255,255,255,.16);
--border-strong:rgba(255,255,255,.28);
--link:var(--cyan-300);
}