81 lines
1.7 KiB
CSS
81 lines
1.7 KiB
CSS
/* ==========================================================================
|
|
theme/aep.css — aep.trans-former.fr
|
|
SOMBRE PAR DÉFAUT : le :root est la palette sombre, quelle que soit la
|
|
préférence système. Seul un data-theme="light" explicite (toggle) bascule
|
|
vers la variante claire.
|
|
Accent : rouge #c0392b.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
color-scheme: dark;
|
|
|
|
--bg: #0d0d0d;
|
|
--bg-alt: #131313;
|
|
--surface: #181818;
|
|
--surface-2: #202020;
|
|
|
|
--text: #f2f2f2;
|
|
--text-muted: #b5b5b5;
|
|
--text-subtle: #8c8c8c;
|
|
|
|
--border: #262626;
|
|
--border-strong: #3f3f3f;
|
|
|
|
--primary: #c0392b;
|
|
--primary-hover: #d64535;
|
|
--on-primary: #ffffff;
|
|
|
|
--accent: #c0392b;
|
|
--on-accent: #ffffff;
|
|
|
|
--link: #e98b7f;
|
|
--link-hover: #f2a99f;
|
|
|
|
--focus-ring: #e98b7f;
|
|
|
|
--success: #34d399;
|
|
--warning: #fbbf24;
|
|
--danger: #f87171;
|
|
|
|
--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
|
|
--shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
|
|
--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.55);
|
|
}
|
|
|
|
/* Variante claire — uniquement sur toggle explicite */
|
|
:root[data-theme="light"] {
|
|
color-scheme: light;
|
|
|
|
--bg: #faf9f7;
|
|
--bg-alt: #f1efec;
|
|
--surface: #ffffff;
|
|
--surface-2: #eceae6;
|
|
|
|
--text: #171717;
|
|
--text-muted: #4a4a4a;
|
|
--text-subtle: #6d6d6d;
|
|
|
|
--border: #e2e0dc;
|
|
--border-strong: #ada9a2;
|
|
|
|
--primary: #a93226;
|
|
--primary-hover: #922b20;
|
|
--on-primary: #ffffff;
|
|
|
|
--accent: #a93226;
|
|
--on-accent: #ffffff;
|
|
|
|
--link: #a93226;
|
|
--link-hover: #922b20;
|
|
|
|
--focus-ring: #a93226;
|
|
|
|
--success: #15803d;
|
|
--warning: #a16207;
|
|
--danger: #b91c1c;
|
|
|
|
--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
|
|
--shadow-md: 0 4px 12px rgb(0 0 0 / 0.08);
|
|
--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12);
|
|
}
|