:root{
--seru-black:#0b0a09;
--seru-black-soft:#161513;
--seru-anthracite-950:#12171a;
--seru-anthracite-900:#181e21;
--seru-anthracite-800:#20282c;
--seru-anthracite-700:#2b353a;
--seru-petrol-900:#0a3b41;
--seru-petrol-700:#0e565d;
--seru-petrol:#0f6169;
--seru-petrol-500:#12727a;
--seru-petrol-300:#3a9aa0;
--seru-teal-900:#0d5c5f;
--seru-teal-700:#128488;
--seru-teal:#1cabb0;
--seru-teal-400:#4dc4c8;
--seru-teal-200:#a9e2e4;
--seru-teal-100:#dff4f5;
--seru-white:#ffffff;
--seru-cream:#f5f3ee;
--seru-gray-900:#1b1b1a;
--seru-gray-700:#4a4844;
--seru-gray-500:#7d7b76;
--seru-gray-300:#c9c6bf;
--seru-gray-100:#e9e7e1;
--surface-dark:var(--seru-anthracite-900);
--surface-dark-soft:var(--seru-anthracite-800);
--surface-light:var(--seru-cream);
--surface-card-dark:rgba(255,255,255,0.04);
--surface-card-light:var(--seru-white);
--text-on-dark:var(--seru-white);
--text-on-dark-muted:rgba(255,255,255,0.68);
--text-on-light:var(--seru-gray-900);
--text-on-light-muted:var(--seru-gray-700);
--accent:var(--seru-teal);
--accent-strong:var(--seru-teal-700);
--accent-soft:var(--seru-teal-100);
--border-on-dark:rgba(255,255,255,0.12);
--border-on-light:var(--seru-gray-100);
}