/* ╔═══════════════════════════════════════════════════════════════════════╗ ║ FICHIER GÉNÉRÉ — NE PAS ÉDITER À LA MAIN ║ ║ Source : tools/gen-palettes.js (node tools/gen-palettes.js) ║ ║ Palettes multi-enseignes : sélection via ║ ║ + (clair = défaut sans data-theme). ║ ╚═══════════════════════════════════════════════════════════════════════╝ */ /* ── Pharmacom (défaut) — #EE8822 / #E25E3E / #EFA778 / #343232 / #F8F7F2 ── */ :root[data-palette="pharmacom"] { --grad-a: #f7efe3; --grad-b: #edece7; --grad-c: #ffffff; --halo-1: rgba(238,136,34,0.1); --halo-2: rgba(226,94,62,0.07); --bg: #f8f7f2; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #343232; --text-dim: rgba(52,50,50,0.82); --muted: #71706e; --faint: #8e8d8a; --accent: #a86018; --accent-strong: #945415; --accent-soft: rgba(168,96,24,0.13); --accent-border: rgba(168,96,24,0.42); --accent-fill: #ee8822; --accent-fill-hover: #d67a1f; --on-accent: #1d1c1c; --accent-2: #e25e3e; --accent-2-soft: rgba(226,94,62,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #986912; --amber-soft: rgba(152,105,18,0.16); --danger: #c64454; --danger-soft: rgba(198,68,84,0.14); --danger-border: rgba(198,68,84,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371706e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c64454; --red-soft: rgba(198,68,84,0.14); --red-border: rgba(198,68,84,0.4); --orange: #986912; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="pharmacom"][data-theme="dark"] { --grad-a: #3e3228; --grad-b: #342d28; --grad-c: #2a2828; --halo-1: rgba(238,136,34,0.12); --halo-2: rgba(226,94,62,0.09); --bg: #2a2828; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #fefaf6; --text-dim: rgba(255,255,255,0.84); --muted: #989693; --faint: #767372; --accent: #ee8822; --accent-strong: #f0963d; --accent-soft: rgba(238,136,34,0.15); --accent-border: rgba(238,136,34,0.4); --accent-fill: #ee8822; --accent-fill-hover: #f09438; --on-accent: #1d1c1c; --accent-2: #e25e3e; --accent-2-soft: rgba(226,94,62,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(58,48,40,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989693' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Pharmacie Lafayette — #E85F1E / #007856 / #8EBE96 / #202C54 / #FBF3EC ── */ :root[data-palette="lafayette"] { --grad-a: #fae9de; --grad-b: #f0e8e1; --grad-c: #ffffff; --halo-1: rgba(232,95,30,0.1); --halo-2: rgba(0,120,86,0.07); --bg: #fbf3ec; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #202c54; --text-dim: rgba(32,44,84,0.82); --muted: #6b6e7f; --faint: #8a8a94; --accent: #bd4d18; --accent-strong: #a64416; --accent-soft: rgba(189,77,24,0.13); --accent-border: rgba(189,77,24,0.42); --accent-fill: #e85f1e; --accent-fill-hover: #d1561b; --on-accent: #141b34; --accent-2: #007856; --accent-2-soft: rgba(0,120,86,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #966711; --amber-soft: rgba(150,103,17,0.16); --danger: #c34353; --danger-soft: rgba(195,67,83,0.14); --danger-border: rgba(195,67,83,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6e7f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c34353; --red-soft: rgba(195,67,83,0.14); --red-border: rgba(195,67,83,0.4); --orange: #966711; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="lafayette"][data-theme="dark"] { --grad-a: #312d46; --grad-b: #272a48; --grad-c: #1c274a; --halo-1: rgba(233,104,42,0.12); --halo-2: rgba(16,129,97,0.09); --bg: #1c274a; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #fef9f6; --text-dim: rgba(255,255,255,0.84); --muted: #9294a4; --faint: #6e7389; --accent: #e9682a; --accent-strong: #ec7a44; --accent-soft: rgba(233,104,42,0.15); --accent-border: rgba(233,104,42,0.4); --accent-fill: #e85f1e; --accent-fill-hover: #ea6f35; --on-accent: #141b34; --accent-2: #108161; --accent-2-soft: rgba(16,129,97,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(45,43,71,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239294a4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Giphar — #00442A / #007C47 / #F8D046 / #05261A / #FAF5EA ── */ :root[data-palette="giphar"] { --grad-a: #e9e9dd; --grad-b: #efeadf; --grad-c: #ffffff; --halo-1: rgba(0,68,42,0.1); --halo-2: rgba(0,124,71,0.07); --bg: #faf5ea; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #05261a; --text-dim: rgba(5,38,26,0.82); --muted: #637369; --faint: #858e84; --accent: #00442a; --accent-strong: #003c25; --accent-soft: rgba(0,68,42,0.13); --accent-border: rgba(0,68,42,0.42); --accent-fill: #00442a; --accent-fill-hover: #003d26; --on-accent: #ffffff; --accent-2: #007c47; --accent-2-soft: rgba(0,124,71,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #966811; --amber-soft: rgba(150,104,17,0.16); --danger: #c54353; --danger-soft: rgba(197,67,83,0.14); --danger-border: rgba(197,67,83,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23637369' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c54353; --red-soft: rgba(197,67,83,0.14); --red-border: rgba(197,67,83,0.4); --orange: #966811; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="giphar"][data-theme="dark"] { --grad-a: #05291c; --grad-b: #05281b; --grad-c: #05261a; --halo-1: rgba(103,143,128,0.12); --halo-2: rgba(0,124,71,0.09); --bg: #05261a; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5f8f6; --text-dim: rgba(255,255,255,0.84); --muted: #82938d; --faint: #5b7169; --accent: #678f80; --accent-strong: #799d8f; --accent-soft: rgba(103,143,128,0.15); --accent-border: rgba(103,143,128,0.4); --accent-fill: #15533b; --accent-fill-hover: #2c644f; --on-accent: #ffffff; --accent-2: #007c47; --accent-2-soft: rgba(0,124,71,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(5,40,27,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382938d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Giropharm — #4A3041 / #49C5B1 / #97D700 / #2A1B25 / #F5F1F3 ── */ :root[data-palette="giropharm"] { --grad-a: #e9e3e7; --grad-b: #eae6e8; --grad-c: #ffffff; --halo-1: rgba(74,48,65,0.1); --halo-2: rgba(73,197,177,0.07); --bg: #f5f1f3; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #2a1b25; --text-dim: rgba(42,27,37,0.82); --muted: #746b71; --faint: #8f888c; --accent: #4a3041; --accent-strong: #412a39; --accent-soft: rgba(74,48,65,0.13); --accent-border: rgba(74,48,65,0.42); --accent-fill: #4a3041; --accent-fill-hover: #432b3b; --on-accent: #ffffff; --accent-2: #3a9b8b; --accent-2-soft: rgba(58,155,139,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #946611; --amber-soft: rgba(148,102,17,0.16); --danger: #c14252; --danger-soft: rgba(193,66,82,0.14); --danger-border: rgba(193,66,82,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23746b71' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c14252; --red-soft: rgba(193,66,82,0.14); --red-border: rgba(193,66,82,0.4); --orange: #946611; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="giropharm"][data-theme="dark"] { --grad-a: #2d1d28; --grad-b: #2c1c26; --grad-c: #2a1b25; --halo-1: rgba(145,130,140,0.12); --halo-2: rgba(73,197,177,0.09); --bg: #2a1b25; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f8f7f7; --text-dim: rgba(255,255,255,0.84); --muted: #958d92; --faint: #736970; --accent: #91828c; --accent-strong: #9f919a; --accent-soft: rgba(145,130,140,0.15); --accent-border: rgba(145,130,140,0.4); --accent-fill: #594151; --accent-fill-hover: #6a5462; --on-accent: #ffffff; --accent-2: #49c5b1; --accent-2-soft: rgba(73,197,177,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(45,29,39,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23958d92' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Pharmactiv — #004841 / #C0DA9C / #063D37 / #06231F / #EFEBDD ── */ :root[data-palette="pharmactiv"] { --grad-a: #dee0d2; --grad-b: #e4e0d3; --grad-c: #ffffff; --halo-1: rgba(0,72,65,0.1); --halo-2: rgba(192,218,156,0.07); --bg: #efebdd; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #06231f; --text-dim: rgba(6,35,31,0.82); --muted: #5f6c65; --faint: #7f877e; --accent: #004841; --accent-strong: #003f39; --accent-soft: rgba(0,72,65,0.13); --accent-border: rgba(0,72,65,0.42); --accent-fill: #004841; --accent-fill-hover: #00413b; --on-accent: #ffffff; --accent-2: #7c8d65; --accent-2-soft: rgba(124,141,101,0.14); --green: #0f9a69; --green-soft: rgba(15,154,105,0.14); --amber: #8e6210; --amber-soft: rgba(142,98,16,0.16); --danger: #ba3f4f; --danger-soft: rgba(186,63,79,0.14); --danger-border: rgba(186,63,79,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6c65' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ba3f4f; --red-soft: rgba(186,63,79,0.14); --red-border: rgba(186,63,79,0.4); --orange: #8e6210; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="pharmactiv"][data-theme="dark"] { --grad-a: #052722; --grad-b: #062521; --grad-c: #06231f; --halo-1: rgba(97,141,137,0.12); --halo-2: rgba(192,218,156,0.09); --bg: #06231f; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5f8f7; --text-dim: rgba(255,255,255,0.84); --muted: #829290; --faint: #5b6f6c; --accent: #618d89; --accent-strong: #749b97; --accent-soft: rgba(97,141,137,0.15); --accent-border: rgba(97,141,137,0.4); --accent-fill: #0c514a; --accent-fill-hover: #24625c; --on-accent: #ffffff; --accent-2: #c0da9c; --accent-2-soft: rgba(192,218,156,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(6,38,34,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23829290' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Aprium Pharmacie — #00A38C / #CF701E / #FFC86E / #593329 / #F5EFEA ── */ :root[data-palette="aprium"] { --grad-a: #e4eae3; --grad-b: #eae4df; --grad-c: #ffffff; --halo-1: rgba(0,163,140,0.1); --halo-2: rgba(207,112,30,0.07); --bg: #f5efea; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #593329; --text-dim: rgba(89,51,41,0.82); --muted: #7c6862; --faint: #94857f; --accent: #007c6a; --accent-strong: #006d5e; --accent-soft: rgba(0,124,106,0.13); --accent-border: rgba(0,124,106,0.42); --accent-fill: #00a38c; --accent-fill-hover: #00937e; --on-accent: #2a1813; --accent-2: #cf701e; --accent-2-soft: rgba(207,112,30,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #926511; --amber-soft: rgba(146,101,17,0.16); --danger: #bf4151; --danger-soft: rgba(191,65,81,0.14); --danger-border: rgba(191,65,81,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c6862' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #bf4151; --red-soft: rgba(191,65,81,0.14); --red-border: rgba(191,65,81,0.4); --orange: #926511; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="aprium"][data-theme="dark"] { --grad-a: #362f27; --grad-b: #392921; --grad-c: #3c221c; --halo-1: rgba(0,163,140,0.12); --halo-2: rgba(207,112,30,0.09); --bg: #3c221c; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5fbfa; --text-dim: rgba(255,255,255,0.84); --muted: #9c938f; --faint: #7f716c; --accent: #00a38c; --accent-strong: #1fae9a; --accent-soft: rgba(0,163,140,0.15); --accent-border: rgba(0,163,140,0.4); --accent-fill: #00a38c; --accent-fill-hover: #1aac98; --on-accent: #2a1813; --accent-2: #cf701e; --accent-2-soft: rgba(207,112,30,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(55,45,37,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c938f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Alphega Pharmacie — #009534 / #23423B / #E6008C / #17302A / #EAF6EF ── */ :root[data-palette="alphega"] { --grad-a: #daefe2; --grad-b: #dfebe4; --grad-c: #ffffff; --halo-1: rgba(0,149,52,0.1); --halo-2: rgba(35,66,59,0.07); --bg: #eaf6ef; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #17302a; --text-dim: rgba(23,48,42,0.82); --muted: #61726c; --faint: #7f8e88; --accent: #00822d; --accent-strong: #007228; --accent-soft: rgba(0,130,45,0.13); --accent-border: rgba(0,130,45,0.42); --accent-fill: #08983a; --accent-fill-hover: #078934; --on-accent: #0f201c; --accent-2: #23423b; --accent-2-soft: rgba(35,66,59,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #956711; --amber-soft: rgba(149,103,17,0.16); --danger: #c24252; --danger-soft: rgba(194,66,82,0.14); --danger-border: rgba(194,66,82,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361726c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c24252; --red-soft: rgba(194,66,82,0.14); --red-border: rgba(194,66,82,0.4); --orange: #956711; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="alphega"][data-theme="dark"] { --grad-a: #133729; --grad-b: #153228; --grad-c: #162d27; --halo-1: rgba(35,164,80,0.12); --halo-2: rgba(95,118,113,0.09); --bg: #162d27; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5fbf7; --text-dim: rgba(255,255,255,0.84); --muted: #8a9893; --faint: #667772; --accent: #23a450; --accent-strong: #3eaf65; --accent-soft: rgba(35,164,80,0.15); --accent-border: rgba(35,164,80,0.4); --accent-fill: #08983a; --accent-fill-hover: #21a34e; --on-accent: #0f201c; --accent-2: #5f7671; --accent-2-soft: rgba(95,118,113,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(20,53,40,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9893' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Wellpharma — #E6007E / #009DC5 / #FEADD9 / #1D243F / #FCE4EE ── */ :root[data-palette="wellpharma"] { --grad-a: #fad4e6; --grad-b: #f1dae3; --grad-c: #ffffff; --halo-1: rgba(230,0,126,0.1); --halo-2: rgba(0,157,197,0.07); --bg: #fce4ee; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #1d243f; --text-dim: rgba(29,36,63,0.82); --muted: #6b6677; --faint: #8b818f; --accent: #cf0071; --accent-strong: #b60064; --accent-soft: rgba(207,0,113,0.13); --accent-border: rgba(207,0,113,0.42); --accent-fill: #e6007e; --accent-fill-hover: #cf0071; --on-accent: #ffffff; --accent-2: #0092b8; --accent-2-soft: rgba(0,146,184,0.14); --green: #0f9a69; --green-soft: rgba(15,154,105,0.14); --amber: #8d6210; --amber-soft: rgba(141,98,16,0.16); --danger: #b93f4e; --danger-soft: rgba(185,63,78,0.14); --danger-border: rgba(185,63,78,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6677' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #b93f4e; --red-soft: rgba(185,63,78,0.14); --red-border: rgba(185,63,78,0.4); --orange: #8d6210; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="wellpharma"][data-theme="dark"] { --grad-a: #312045; --grad-b: #272242; --grad-c: #1d243f; --halo-1: rgba(237,76,165,0.12); --halo-2: rgba(0,157,197,0.09); --bg: #1d243f; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #fef5fa; --text-dim: rgba(255,255,255,0.84); --muted: #9291a0; --faint: #6e6f82; --accent: #ed4ca5; --accent-strong: #f062af; --accent-soft: rgba(237,76,165,0.15); --accent-border: rgba(237,76,165,0.4); --accent-fill: #e6007e; --accent-fill-hover: #e91a8b; --on-accent: #ffffff; --accent-2: #009dc5; --accent-2-soft: rgba(0,157,197,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(45,33,68,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239291a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Elsie Santé — #005F6D / #00E1FF / #FCC200 / #003942 / #EAF6F7 ── */ :root[data-palette="elsie"] { --grad-a: #daebed; --grad-b: #dfebec; --grad-c: #ffffff; --halo-1: rgba(0,95,109,0.1); --halo-2: rgba(0,225,255,0.07); --bg: #eaf6f7; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #003942; --text-dim: rgba(0,57,66,0.82); --muted: #537479; --faint: #768f93; --accent: #005f6d; --accent-strong: #005460; --accent-soft: rgba(0,95,109,0.13); --accent-border: rgba(0,95,109,0.42); --accent-fill: #005f6d; --accent-fill-hover: #005662; --on-accent: #ffffff; --accent-2: #009bb0; --accent-2-soft: rgba(0,155,176,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #956711; --amber-soft: rgba(149,103,17,0.16); --danger: #c34253; --danger-soft: rgba(195,66,83,0.14); --danger-border: rgba(195,66,83,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23537479' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c34253; --red-soft: rgba(195,66,83,0.14); --red-border: rgba(195,66,83,0.4); --orange: #956711; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="elsie"][data-theme="dark"] { --grad-a: #00333b; --grad-b: #003038; --grad-c: #002e35; --halo-1: rgba(91,152,161,0.12); --halo-2: rgba(0,225,255,0.09); --bg: #002e35; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5f9f9; --text-dim: rgba(255,255,255,0.84); --muted: #7f979b; --faint: #5b797e; --accent: #5b98a1; --accent-strong: #6fa5ad; --accent-soft: rgba(91,152,161,0.15); --accent-border: rgba(91,152,161,0.4); --accent-fill: #005f6d; --accent-fill-hover: #1a6f7c; --on-accent: #ffffff; --accent-2: #00e1ff; --accent-2-soft: rgba(0,225,255,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(0,50,58,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f979b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Evolupharm — #22579B / #52BA49 / #00A0E3 / #16345E / #EEF3F9 ── */ :root[data-palette="evolupharm"] { --grad-a: #e0e8f2; --grad-b: #e3e8ee; --grad-c: #ffffff; --halo-1: rgba(34,87,155,0.1); --halo-2: rgba(82,186,73,0.07); --bg: #eef3f9; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #16345e; --text-dim: rgba(22,52,94,0.82); --muted: #5f6f85; --faint: #7f8b9c; --accent: #22579b; --accent-strong: #1e4d88; --accent-soft: rgba(34,87,155,0.13); --accent-border: rgba(34,87,155,0.42); --accent-fill: #22579b; --accent-fill-hover: #1f4e8c; --on-accent: #ffffff; --accent-2: #469f3e; --accent-2-soft: rgba(70,159,62,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #946611; --amber-soft: rgba(148,102,17,0.16); --danger: #c24252; --danger-soft: rgba(194,66,82,0.14); --danger-border: rgba(194,66,82,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6f85' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c24252; --red-soft: rgba(194,66,82,0.14); --red-border: rgba(194,66,82,0.4); --orange: #946611; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="evolupharm"][data-theme="dark"] { --grad-a: #132e52; --grad-b: #122b4e; --grad-c: #11294a; --halo-1: rgba(111,145,190,0.12); --halo-2: rgba(82,186,73,0.09); --bg: #11294a; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f6f8fb; --text-dim: rgba(255,255,255,0.84); --muted: #8895a6; --faint: #65758b; --accent: #6f91be; --accent-strong: #809ec6; --accent-soft: rgba(111,145,190,0.15); --accent-border: rgba(111,145,190,0.4); --accent-fill: #22579b; --accent-fill-hover: #3868a5; --on-accent: #ffffff; --accent-2: #52ba49; --accent-2-soft: rgba(82,186,73,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(19,45,81,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238895a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Pharmabest — #E61B80 / #404E55 / #2DB3B0 / #324045 / #FCEAF3 ── */ :root[data-palette="pharmabest"] { --grad-a: #fadceb; --grad-b: #f1dfe8; --grad-c: #ffffff; --halo-1: rgba(230,27,128,0.1); --halo-2: rgba(64,78,85,0.07); --bg: #fceaf3; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #324045; --text-dim: rgba(50,64,69,0.82); --muted: #6b6b70; --faint: #8a868c; --accent: #cf1873; --accent-strong: #b61566; --accent-soft: rgba(207,24,115,0.13); --accent-border: rgba(207,24,115,0.42); --accent-fill: #e11a7d; --accent-fill-hover: #cb1871; --on-accent: #ffffff; --accent-2: #404e55; --accent-2-soft: rgba(64,78,85,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #916411; --amber-soft: rgba(145,100,17,0.16); --danger: #be4150; --danger-soft: rgba(190,65,80,0.14); --danger-border: rgba(190,65,80,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b70' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #be4150; --red-soft: rgba(190,65,80,0.14); --red-border: rgba(190,65,80,0.4); --orange: #916411; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="pharmabest"][data-theme="dark"] { --grad-a: #352936; --grad-b: #2b2a32; --grad-c: #212a2e; --halo-1: rgba(237,87,162,0.12); --halo-2: rgba(104,115,121,0.09); --bg: #212a2e; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #fef6fa; --text-dim: rgba(255,255,255,0.84); --muted: #949498; --faint: #717477; --accent: #ed57a2; --accent-strong: #ef6bad; --accent-soft: rgba(237,87,162,0.15); --accent-border: rgba(237,87,162,0.4); --accent-fill: #e11a7d; --accent-fill-hover: #e4318a; --on-accent: #ffffff; --accent-2: #687379; --accent-2-soft: rgba(104,115,121,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(49,41,52,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23949498' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Univers Pharmacie — #003264 / #FFCC03 / #20BF6B / #001934 / #FFF7E4 ── */ :root[data-palette="univers"] { --grad-a: #ede9db; --grad-b: #f4ecda; --grad-c: #ffffff; --halo-1: rgba(0,50,100,0.1); --halo-2: rgba(255,204,3,0.07); --bg: #fff7e4; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #001934; --text-dim: rgba(0,25,52,0.82); --muted: #67727a; --faint: #8a8e8e; --accent: #003264; --accent-strong: #002c58; --accent-soft: rgba(0,50,100,0.13); --accent-border: rgba(0,50,100,0.42); --accent-fill: #003264; --accent-fill-hover: #002d5a; --on-accent: #ffffff; --accent-2: #af8c02; --accent-2-soft: rgba(175,140,2,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #986912; --amber-soft: rgba(152,105,18,0.16); --danger: #c74454; --danger-soft: rgba(199,68,84,0.14); --danger-border: rgba(199,68,84,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367727a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c74454; --red-soft: rgba(199,68,84,0.14); --red-border: rgba(199,68,84,0.4); --orange: #986912; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="univers"][data-theme="dark"] { --grad-a: #001c39; --grad-b: #001a36; --grad-c: #001934; --halo-1: rgba(101,131,162,0.12); --halo-2: rgba(255,204,3,0.09); --bg: #001934; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #f5f7f9; --text-dim: rgba(255,255,255,0.84); --muted: #7f8c9a; --faint: #58687a; --accent: #6583a2; --accent-strong: #7892ad; --accent-soft: rgba(101,131,162,0.15); --accent-border: rgba(101,131,162,0.4); --accent-fill: #184573; --accent-fill-hover: #2f5881; --on-accent: #ffffff; --accent-2: #ffcc03; --accent-2-soft: rgba(255,204,3,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(0,27,56,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8c9a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } /* ── Pharmavie — #9BC334 / #EB5989 / #77CAE4 / #0E653C / #F6F9EC ── */ :root[data-palette="pharmavie"] { --grad-a: #f0f5df; --grad-b: #ebeee1; --grad-c: #ffffff; --halo-1: rgba(155,195,52,0.1); --halo-2: rgba(235,89,137,0.07); --bg: #f6f9ec; --bg-elev: rgba(0,0,0,0.02); --surface: rgba(255,255,255,0.72); --surface-1: rgba(255,255,255,0.72); --surface-2: rgba(255,255,255,0.90); --surface-3: rgba(0,0,0,0.06); --border: rgba(0,0,0,0.10); --border-strong: rgba(0,0,0,0.17); --text: #0e623a; --text-dim: rgba(14,98,58,0.82); --muted: #537963; --faint: #789481; --accent: #627b21; --accent-strong: #566c1d; --accent-soft: rgba(98,123,33,0.13); --accent-border: rgba(98,123,33,0.42); --accent-fill: #9bc334; --accent-fill-hover: #8cb02f; --on-accent: #052214; --accent-2: #eb5989; --accent-2-soft: rgba(235,89,137,0.14); --green: #0f9d6b; --green-soft: rgba(15,157,107,0.14); --amber: #986912; --amber-soft: rgba(152,105,18,0.16); --danger: #c74454; --danger-soft: rgba(199,68,84,0.14); --danger-border: rgba(199,68,84,0.4); --shadow-1: 0 6px 18px rgba(20,24,22,0.10); --shadow-2: 0 12px 34px rgba(20,24,22,0.14); --shadow-pop: 0 30px 70px rgba(20,24,22,0.20); --modal-bg: rgba(255,255,255,0.88); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23537963' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #c74454; --red-soft: rgba(199,68,84,0.14); --red-border: rgba(199,68,84,0.4); --orange: #986912; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); } :root[data-palette="pharmavie"][data-theme="dark"] { --grad-a: #153e1f; --grad-b: #0e371d; --grad-c: #072f1c; --halo-1: rgba(155,195,52,0.12); --halo-2: rgba(235,89,137,0.09); --bg: #072f1c; --bg-elev: rgba(255,255,255,0.02); --surface: rgba(255,255,255,0.05); --surface-1: rgba(255,255,255,0.05); --surface-2: rgba(255,255,255,0.08); --surface-3: rgba(255,255,255,0.12); --border: rgba(255,255,255,0.09); --border-strong: rgba(255,255,255,0.18); --text: #fbfdf7; --text-dim: rgba(255,255,255,0.84); --muted: #869a8e; --faint: #5f7a6b; --accent: #9bc334; --accent-strong: #a7ca4c; --accent-soft: rgba(155,195,52,0.15); --accent-border: rgba(155,195,52,0.4); --accent-fill: #9bc334; --accent-fill-hover: #a5c948; --on-accent: #052214; --accent-2: #eb5989; --accent-2-soft: rgba(235,89,137,0.16); --green: #7cf5c2; --green-soft: rgba(124,245,194,0.16); --amber: #f7b955; --amber-soft: rgba(247,185,85,0.16); --danger: #ff6b81; --danger-soft: rgba(255,107,129,0.18); --danger-border: rgba(255,107,129,0.45); --shadow-1: 0 6px 18px rgba(0,0,0,0.30); --shadow-2: 0 12px 34px rgba(0,0,0,0.40); --shadow-pop: 0 30px 70px rgba(0,0,0,0.55); --modal-bg: rgba(18,59,30,0.8); --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23869a8e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); --red: #ff6b81; --red-soft: rgba(255,107,129,0.18); --red-border: rgba(255,107,129,0.45); --orange: #f7b955; --bg-0: var(--bg); --ink: var(--text); --ink-dim: var(--muted); --ink-faint: var(--faint); --glass: var(--surface-1); --glass-strong: var(--surface-2); --glass-border: var(--border); --glass-border-strong: var(--border-strong); --glass-brd: var(--border); --emerald: var(--accent); --sky: var(--accent-2); --mint: var(--green); --bg-display: radial-gradient(120% 120% at 15% 0%, var(--grad-a) 0%, var(--bg) 55%); }