www/assets/css/schemes/fira.css
2026-08-28 15:39:56 +02:00

37 lines
1.4 KiB
CSS

/* Fira scheme — deep navy + cyan + emerald */
:root {
--color-neutral: 255, 255, 255;
/* Deep cool-slate — richer than pure black in dark mode */
--color-neutral-50: 247, 250, 252;
--color-neutral-100: 234, 241, 248;
--color-neutral-200: 210, 225, 238;
--color-neutral-300: 168, 196, 218;
--color-neutral-400: 120, 148, 178;
--color-neutral-500: 80, 105, 135;
--color-neutral-600: 50, 70, 100;
--color-neutral-700: 32, 48, 70;
--color-neutral-800: 20, 30, 48;
--color-neutral-900: 10, 15, 25;
/* Cyan — electric, technical */
--color-primary-50: 236, 254, 255;
--color-primary-100: 207, 250, 254;
--color-primary-200: 165, 243, 252;
--color-primary-300: 103, 232, 249;
--color-primary-400: 34, 211, 238;
--color-primary-500: 6, 182, 212;
--color-primary-600: 8, 145, 178;
--color-primary-700: 14, 116, 144;
--color-primary-800: 21, 94, 117;
--color-primary-900: 22, 78, 99;
/* Emerald — nod to CCC's green */
--color-secondary-50: 240, 253, 244;
--color-secondary-100: 220, 252, 231;
--color-secondary-200: 187, 247, 208;
--color-secondary-300: 134, 239, 172;
--color-secondary-400: 74, 222, 128;
--color-secondary-500: 34, 197, 94;
--color-secondary-600: 22, 163, 74;
--color-secondary-700: 21, 128, 61;
--color-secondary-800: 22, 101, 52;
--color-secondary-900: 20, 83, 45;
}