39 lines
1.3 KiB
CSS
39 lines
1.3 KiB
CSS
:root {
|
|
|
|
|
|
--shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.05); /* très léger, boutons discrets */
|
|
--shadow-2: 0px 2px 4px rgba(0, 0, 0, 0.08); /* cartes légères */
|
|
--shadow-3: 0px 4px 8px rgba(0, 0, 0, 0.1); /* modals, survol de boutons */
|
|
--shadow-4: 0px 8px 16px rgba(0, 0, 0, 0.12); /* éléments importants, popover */
|
|
--shadow-5: 0px 16px 32px rgba(0, 0, 0, 0.16); /* overlay / large popups */
|
|
|
|
--neutral-100: oklch(14.5% 0 0); /* quasi noir, avec une pointe de vert */
|
|
--neutral-90: oklch(20.5% 0 0);
|
|
--neutral-80: oklch(26.9% 0 0);
|
|
--neutral-70: oklch(37.1% 0 0);
|
|
--neutral-60: oklch(43.9% 0 0);
|
|
--neutral-50: oklch(55.6% 0 0);
|
|
--neutral-40: oklch(70.8% 0 0);
|
|
--neutral-30: oklch(87% 0 0);
|
|
--neutral-20: oklch(92.2% 0 0);
|
|
--neutral-10: oklch(97% 0 0);
|
|
--neutral-5: oklch(98.5% 0 0);
|
|
--neutral-0: #ffffff;
|
|
|
|
/* https://oklch.fyi/ */
|
|
--color-1: oklch(0.312 0.126 22.8);
|
|
--color-2: oklch(0.391 0.158 22.8);
|
|
--color-3: oklch(0.471 0.190 22.8);
|
|
--color-4: oklch(0.551 0.222 22.8);
|
|
--color-5: oklch(0.631 0.255 22.8);
|
|
--color-6: oklch(0.711 0.182 22.8);
|
|
--color-7: oklch(0.790 0.121 22.8);
|
|
--color-8: oklch(0.870 0.069 22.8);
|
|
--color-9: oklch(0.950 0.025 22.8);
|
|
|
|
--app-background: #fff;
|
|
--primary-color: var(--color-6);
|
|
--primary-color-hover: var(--color-4);
|
|
--primary-contrast: #fff;
|
|
|
|
}
|