/*
 * Eglantine UI — socle graphique commun
 * Référence : meta/standards/charte_graphique_eglantine.md
 * Version : 1.2 — 27/08/2026
 */
:root,
html[data-theme-choice="light"] {
  color-scheme: light;
  --egl-canvas: #eef2f5;
  --egl-surface: #ffffff;
  --egl-surface-soft: #f7f9fb;
  --egl-ink: #18212f;
  --egl-muted: #647184;
  --egl-line: #dce2e7;
  --egl-line-strong: #c7d0d8;
  --egl-navy: #172331;
  --egl-accent: #196b61;
  --egl-accent-strong: #125047;
  --egl-accent-soft: #e8f4f1;
  --egl-success: #137a52;
  --egl-success-soft: #eaf7f1;
  --egl-warning: #8c5b09;
  --egl-warning-soft: #fff6df;
  --egl-danger: #aa2e3a;
  --egl-danger-soft: #fff0f1;
  --egl-info: #315f91;
  --egl-info-soft: #edf5ff;
  --egl-shadow: 0 8px 28px rgba(22, 33, 47, .07);
  --egl-radius: 14px;
  --egl-radius-small: 9px;
  --egl-focus: 0 0 0 3px rgba(25, 107, 97, .24);
  --egl-content-width: 1180px;
}

html[data-theme-choice="dark"] {
  color-scheme: dark;
  --egl-canvas: #0b1118;
  --egl-surface: #131d28;
  --egl-surface-soft: #192532;
  --egl-ink: #edf3f8;
  --egl-muted: #9aa9b8;
  --egl-line: #2b3947;
  --egl-line-strong: #3b4c5d;
  --egl-navy: #080f16;
  --egl-accent: #5cc4b4;
  --egl-accent-strong: #a6e2d8;
  --egl-accent-soft: #17362f;
  --egl-success: #58c896;
  --egl-success-soft: #123329;
  --egl-warning: #f0bb64;
  --egl-warning-soft: #382b16;
  --egl-danger: #ff8d96;
  --egl-danger-soft: #3d1e24;
  --egl-info: #82b8ee;
  --egl-info-soft: #162d45;
  --egl-shadow: 0 10px 30px rgba(0, 0, 0, .28);
  --egl-focus: 0 0 0 3px rgba(92, 196, 180, .27);
}

@media (prefers-color-scheme: dark) {
  html[data-theme-choice="auto"] {
    color-scheme: dark;
    --egl-canvas: #0b1118;
    --egl-surface: #131d28;
    --egl-surface-soft: #192532;
    --egl-ink: #edf3f8;
    --egl-muted: #9aa9b8;
    --egl-line: #2b3947;
    --egl-line-strong: #3b4c5d;
    --egl-navy: #080f16;
    --egl-accent: #5cc4b4;
    --egl-accent-strong: #a6e2d8;
    --egl-accent-soft: #17362f;
    --egl-success: #58c896;
    --egl-success-soft: #123329;
    --egl-warning: #f0bb64;
    --egl-warning-soft: #382b16;
    --egl-danger: #ff8d96;
    --egl-danger-soft: #3d1e24;
    --egl-info: #82b8ee;
    --egl-info-soft: #162d45;
    --egl-shadow: 0 10px 30px rgba(0, 0, 0, .28);
    --egl-focus: 0 0 0 3px rgba(92, 196, 180, .27);
  }
}

.egl-ui {
  background: var(--egl-canvas);
  color: var(--egl-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.egl-shell {
  width: min(var(--egl-content-width), calc(100% - 36px));
  margin-inline: auto;
}

.egl-panel {
  background: var(--egl-surface);
  border: 1px solid var(--egl-line);
  border-radius: var(--egl-radius);
  box-shadow: var(--egl-shadow);
}

.egl-field {
  min-height: 44px;
  width: 100%;
  padding: 0 11px;
  border: 1px solid var(--egl-line-strong);
  border-radius: var(--egl-radius-small);
  background: var(--egl-surface);
  color: var(--egl-ink);
}

.egl-field:focus-visible {
  outline: none;
  border-color: var(--egl-accent);
  box-shadow: var(--egl-focus);
}

.egl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid var(--egl-accent);
  border-radius: var(--egl-radius-small);
  background: var(--egl-accent);
  color: #fff;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.egl-btn--secondary {
  background: var(--egl-surface);
  color: var(--egl-accent-strong);
  border-color: var(--egl-line-strong);
}

.egl-btn:focus-visible {
  outline: none;
  box-shadow: var(--egl-focus);
}

.egl-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.egl-alert {
  padding: 10px 12px;
  border-radius: var(--egl-radius-small);
}
.egl-alert--info { background: var(--egl-info-soft); color: var(--egl-info); }
.egl-alert--success { background: var(--egl-success-soft); color: var(--egl-success); }
.egl-alert--warning { background: var(--egl-warning-soft); color: var(--egl-warning); }
.egl-alert--danger { background: var(--egl-danger-soft); color: var(--egl-danger); }

@media (max-width: 650px) {
  .egl-shell { width: min(100% - 24px, var(--egl-content-width)); }
  .egl-btn--mobile-full { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .egl-ui *, .egl-ui *::before, .egl-ui *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* --- Composants communs étendus — v1.1 --- */
.egl-ui *, .egl-ui *::before, .egl-ui *::after { box-sizing:border-box; }
.egl-ui button, .egl-ui input, .egl-ui select, .egl-ui textarea { font:inherit; }
.egl-ui a { color:inherit; }
.egl-sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.egl-skip-link { position:absolute;left:-9999px; }
.egl-skip-link:focus { left:12px;top:12px;z-index:1000;padding:8px 10px;border-radius:var(--egl-radius-small);background:var(--egl-surface);color:var(--egl-ink);box-shadow:var(--egl-shadow); }
.egl-topbar { background:var(--egl-navy);color:#fff; }
.egl-topbar__inner { width:min(var(--egl-content-width),calc(100% - 36px));min-height:64px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.egl-brand { display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800; }
.egl-brand__mark { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--egl-accent);color:#fff;font-size:19px; }
.egl-brand__tag { padding:3px 8px;border:1px solid rgba(255,255,255,.27);border-radius:999px;font-size:10px;letter-spacing:.08em; }
.egl-eyebrow { margin:0 0 5px;color:var(--egl-accent);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.egl-page-head { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 2px 24px; }
.egl-page-head h1 { margin:0;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.035em; }
.egl-page-head p:not(.egl-eyebrow) { margin:8px 0 0;color:var(--egl-muted); }
.egl-panel--padded { padding:24px; }
.egl-panel--compact { padding:18px; }
.egl-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px; }
.egl-section-head h2 { margin:0;font-size:20px;line-height:1.25; }
.egl-section-head p:not(.egl-eyebrow) { margin:5px 0 0;color:var(--egl-muted);font-size:12px; }
.egl-grid { display:grid;gap:16px; }
.egl-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.egl-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.egl-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.egl-grid__wide { grid-column:1/-1; }
.egl-field-group { display:grid;gap:6px;min-width:0; }
.egl-label { color:var(--egl-ink);font-size:12px;font-weight:700; }
.egl-hint,.egl-field-error { display:block;margin:0;font-size:10px;line-height:1.4; }
.egl-hint { color:var(--egl-muted); }
.egl-field-error { color:var(--egl-danger); }
.egl-textarea,.egl-select { width:100%;min-width:0;border:1px solid var(--egl-line-strong);border-radius:var(--egl-radius-small);background:var(--egl-surface);color:var(--egl-ink);outline:none; }
.egl-select { min-height:44px;padding:0 11px; }
.egl-textarea { min-height:100px;padding:10px 11px;resize:vertical;line-height:1.45; }
.egl-field:focus-visible,.egl-textarea:focus-visible,.egl-select:focus-visible { outline:none;border-color:var(--egl-accent);box-shadow:var(--egl-focus); }
.egl-field[readonly],.egl-field:disabled,.egl-textarea:disabled,.egl-select:disabled { background:var(--egl-surface-soft);color:var(--egl-muted); }
.egl-field:disabled,.egl-textarea:disabled,.egl-select:disabled { cursor:not-allowed; }
.egl-field[aria-invalid="true"],.egl-textarea[aria-invalid="true"],.egl-select[aria-invalid="true"] { border-color:var(--egl-danger); }
.egl-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.egl-actions--end { justify-content:flex-end; }
.egl-btn { gap:7px;font-size:12px;font-weight:750;line-height:1.2; }
.egl-btn:hover:not(:disabled) { filter:brightness(.96); }
.egl-btn--ghost { background:transparent;color:var(--egl-muted);border-color:transparent; }
.egl-btn--danger { background:var(--egl-surface);color:var(--egl-danger);border-color:currentColor; }
.egl-btn--danger:hover:not(:disabled) { background:var(--egl-danger-soft); }
.egl-btn--small { min-height:34px;padding:6px 10px;font-size:11px; }
.egl-btn[aria-disabled="true"] { opacity:.45;cursor:not-allowed; }
.egl-icon-btn { width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--egl-line);border-radius:var(--egl-radius-small);background:var(--egl-surface);color:var(--egl-ink);cursor:pointer; }
.egl-icon-btn:focus-visible { outline:none;box-shadow:var(--egl-focus); }
.egl-alert { border:1px solid currentColor;border-left-width:4px; }
.egl-badge { display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--egl-surface-soft);color:var(--egl-muted);font-size:10px;font-weight:750;line-height:1.35; }
.egl-badge--success { background:var(--egl-success-soft);color:var(--egl-success); }
.egl-badge--warning { background:var(--egl-warning-soft);color:var(--egl-warning); }
.egl-badge--danger { background:var(--egl-danger-soft);color:var(--egl-danger); }
.egl-badge--info { background:var(--egl-info-soft);color:var(--egl-info); }
.egl-badge--accent { background:var(--egl-accent-soft);color:var(--egl-accent-strong); }
.egl-poc-banner { display:flex;align-items:flex-start;gap:11px;padding:11px 14px;border:1px solid currentColor;border-radius:10px;background:var(--egl-warning-soft);color:var(--egl-warning);font-size:12px; }
.egl-poc-banner__dot { width:9px;height:9px;margin-top:5px;flex:0 0 auto;border-radius:50%;background:currentColor; }
.egl-table-wrap { width:100%;overflow-x:auto;border:1px solid var(--egl-line);border-radius:var(--egl-radius);background:var(--egl-surface); }
.egl-table { width:100%;border-collapse:collapse;color:var(--egl-ink);font-size:13px; }
.egl-table th,.egl-table td { padding:11px 14px;border-bottom:1px solid var(--egl-line);text-align:left;vertical-align:middle; }
.egl-table thead th { background:var(--egl-surface-soft);color:var(--egl-muted);font-size:11px;font-weight:750; }
.egl-table tbody tr:last-child>* { border-bottom:0; }
.egl-table tbody tr:hover { background:color-mix(in srgb,var(--egl-accent-soft) 34%,transparent); }
.egl-segmented { display:inline-flex;gap:4px;padding:4px;border:1px solid var(--egl-line);border-radius:10px;background:var(--egl-surface-soft); }
.egl-segmented button,.egl-segmented label>span { min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:0;border-radius:7px;background:transparent;color:var(--egl-muted);font-size:12px;font-weight:750;cursor:pointer; }
.egl-segmented button[aria-pressed="true"],.egl-segmented button.is-active,.egl-segmented input:checked+span { background:var(--egl-surface);color:var(--egl-accent-strong);box-shadow:0 1px 4px rgba(20,32,45,.12); }
.egl-segmented label { position:relative; }
.egl-segmented input { position:absolute;opacity:0; }
.egl-segmented button:focus-visible,.egl-segmented input:focus-visible+span { outline:none;box-shadow:var(--egl-focus); }
.egl-switch-row { display:inline-flex;align-items:center;gap:9px;min-height:40px;color:var(--egl-muted);font-size:12px;cursor:pointer; }
.egl-switch-row input { position:absolute;opacity:0; }
.egl-switch { position:relative;width:39px;height:22px;flex:0 0 auto;border-radius:999px;background:var(--egl-line-strong); }
.egl-switch::after { content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:var(--egl-surface);box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .15s ease; }
.egl-switch-row input:checked+.egl-switch { background:var(--egl-accent); }
.egl-switch-row input:checked+.egl-switch::after { transform:translateX(17px); }
.egl-switch-row input:focus-visible+.egl-switch { box-shadow:var(--egl-focus); }
.egl-dialog { width:min(720px,calc(100% - 24px));max-height:calc(100vh - 32px);padding:0;overflow:auto;border:1px solid var(--egl-line);border-radius:16px;background:var(--egl-surface);color:var(--egl-ink);box-shadow:0 24px 72px rgba(0,0,0,.28); }
.egl-dialog::backdrop { background:rgba(7,13,20,.56); }
.egl-dialog__body { padding:22px; }
.egl-dialog__head { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px; }
.egl-dialog__head h2 { margin:0;font-size:21px; }
.egl-dialog__head p { margin:5px 0 0;color:var(--egl-muted);font-size:11px; }
.egl-dialog__actions { display:flex;justify-content:flex-end;gap:8px;margin-top:18px; }
.egl-toast { position:fixed;right:18px;bottom:18px;z-index:1000;max-width:min(420px,calc(100% - 36px));padding:12px 14px;border-radius:10px;background:var(--egl-navy);color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.25);font-size:12px;font-weight:650; }
.egl-savebar { position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid var(--egl-line-strong);border-radius:12px;background:var(--egl-surface);box-shadow:0 12px 30px rgba(17,27,38,.14); }
.egl-save-state { display:inline-flex;align-items:center;gap:6px;color:var(--egl-muted);font-size:11px;font-weight:700; }
.egl-save-state::before { content:"";width:8px;height:8px;border-radius:50%;background:currentColor; }
.egl-save-state--saving { color:var(--egl-info); }
.egl-save-state--saved { color:var(--egl-success); }
.egl-save-state--error { color:var(--egl-danger); }
.egl-empty { padding:28px;border:1px dashed var(--egl-line-strong);border-radius:var(--egl-radius);color:var(--egl-muted);text-align:center; }
.egl-empty strong { display:block;color:var(--egl-ink); }
.egl-empty p { margin:5px 0 0; }
@media (max-width:900px) { .egl-grid--3,.egl-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); } .egl-page-head { align-items:flex-start; } }
@media (max-width:650px) { .egl-topbar__inner { width:min(100% - 24px,var(--egl-content-width));min-height:58px; } .egl-page-head { display:block;padding-top:24px; } .egl-grid--2,.egl-grid--3,.egl-grid--4 { grid-template-columns:1fr; } .egl-grid__wide { grid-column:auto; } .egl-panel--padded { padding:18px; } .egl-actions--mobile-stack { align-items:stretch;flex-direction:column; } .egl-savebar { position:static;display:block; } .egl-savebar .egl-actions { margin-top:10px; } .egl-dialog__actions { flex-direction:column-reverse; } .egl-dialog__actions .egl-btn,.egl-btn--mobile-full { width:100%; } }

/* --- Palette d’accentuation commune — palette de travail centralisée v1.0 ---
 * La palette reste expérimentale tant que la charte ne fige pas sa sélection finale.
 * Les couleurs sémantiques succès/alerte/erreur ne sont jamais remplacées par l’accent.
 */
html[data-accent="green"]{--egl-accent:#196b61;--egl-accent-strong:#125047;--egl-accent-soft:#e8f4f1;--egl-focus:0 0 0 3px rgba(25,107,97,.24)}
html[data-accent="mandat_michel"]{--egl-accent:#123d2f;--egl-accent-strong:#0d3025;--egl-accent-soft:#eaf4ef;--egl-focus:0 0 0 3px rgba(18,61,47,.24)}
html[data-accent="blue"]{--egl-accent:#2764b8;--egl-accent-strong:#19467f;--egl-accent-soft:#eaf1fb;--egl-focus:0 0 0 3px rgba(39,100,184,.24)}
html[data-accent="petrol"]{--egl-accent:#176675;--egl-accent-strong:#104954;--egl-accent-soft:#e7f2f4;--egl-focus:0 0 0 3px rgba(23,102,117,.24)}
html[data-accent="turquoise"]{--egl-accent:#168b87;--egl-accent-strong:#0d625f;--egl-accent-soft:#e6f5f4;--egl-focus:0 0 0 3px rgba(22,139,135,.24)}
html[data-accent="violet"]{--egl-accent:#6754a5;--egl-accent-strong:#483779;--egl-accent-soft:#efecf8;--egl-focus:0 0 0 3px rgba(103,84,165,.24)}
html[data-accent="amber"]{--egl-accent:#b87310;--egl-accent-strong:#80500b;--egl-accent-soft:#fbf1df;--egl-focus:0 0 0 3px rgba(184,115,16,.24)}
html[data-accent="red"]{--egl-accent:#9f1f36;--egl-accent-strong:#771426;--egl-accent-soft:#f9e9ed;--egl-focus:0 0 0 3px rgba(159,31,54,.24)}
html[data-accent="blue_franc"]{--egl-accent:#315fa8;--egl-accent-strong:#234577;--egl-accent-soft:#eaf0f8;--egl-focus:0 0 0 3px rgba(49,95,168,.24)}
html[data-accent="violet_profond"]{--egl-accent:#6b4fa3;--egl-accent-strong:#4b3677;--egl-accent-soft:#f0ecf7;--egl-focus:0 0 0 3px rgba(107,79,163,.24)}
html[data-accent="prune"]{--egl-accent:#7b3f68;--egl-accent-strong:#592b4a;--egl-accent-soft:#f5ebf1;--egl-focus:0 0 0 3px rgba(123,63,104,.24)}
html[data-accent="framboise"]{--egl-accent:#b23d68;--egl-accent-strong:#812947;--egl-accent-soft:#faeaf0;--egl-focus:0 0 0 3px rgba(178,61,104,.24)}
html[data-accent="orange_brule"]{--egl-accent:#c26324;--egl-accent-strong:#8e4618;--egl-accent-soft:#fbefe7;--egl-focus:0 0 0 3px rgba(194,99,36,.24)}
html[data-accent="ocre"]{--egl-accent:#b68118;--egl-accent-strong:#805a0f;--egl-accent-soft:#faf3e3;--egl-focus:0 0 0 3px rgba(182,129,24,.24)}
html[data-accent="ardoise"]{--egl-accent:#566171;--egl-accent-strong:#3d4652;--egl-accent-soft:#edf0f3;--egl-focus:0 0 0 3px rgba(86,97,113,.24)}
html[data-accent="indigo"]{--egl-accent:#4b4fa8;--egl-accent-strong:#343776;--egl-accent-soft:#ececf8;--egl-focus:0 0 0 3px rgba(75,79,168,.24)}
html[data-accent="corail"]{--egl-accent:#c95449;--egl-accent-strong:#913a33;--egl-accent-soft:#faecea;--egl-focus:0 0 0 3px rgba(201,84,73,.24)}
html[data-accent="terracotta"]{--egl-accent:#a9553f;--egl-accent-strong:#793c2c;--egl-accent-soft:#f6ece8;--egl-focus:0 0 0 3px rgba(169,85,63,.24)}
html[data-accent="magenta"]{--egl-accent:#a13f91;--egl-accent-strong:#742d69;--egl-accent-soft:#f5eaf3;--egl-focus:0 0 0 3px rgba(161,63,145,.24)}
html[data-accent="rose"]{--egl-accent:#c14f78;--egl-accent-strong:#8e3657;--egl-accent-soft:#faebf0;--egl-focus:0 0 0 3px rgba(193,79,120,.24)}
html[data-accent="olive"]{--egl-accent:#6f7928;--egl-accent-strong:#50581d;--egl-accent-soft:#f0f2e5;--egl-focus:0 0 0 3px rgba(111,121,40,.24)}
html[data-accent="moutarde"]{--egl-accent:#b58b1c;--egl-accent-strong:#806212;--egl-accent-soft:#faf4e2;--egl-focus:0 0 0 3px rgba(181,139,28,.24)}
html[data-accent="cuivre"]{--egl-accent:#a85f31;--egl-accent-strong:#794422;--egl-accent-soft:#f7ede7;--egl-focus:0 0 0 3px rgba(168,95,49,.24)}
html[data-accent="chocolat"]{--egl-accent:#6d4a3f;--egl-accent-strong:#4f352d;--egl-accent-soft:#f2ece9;--egl-focus:0 0 0 3px rgba(109,74,63,.24)}
html[data-accent="anthracite"]{--egl-accent:#414a56;--egl-accent-strong:#2d343d;--egl-accent-soft:#eceff2;--egl-focus:0 0 0 3px rgba(65,74,86,.24)}

html[data-color-theme="dark"][data-accent="green"]{--egl-accent:#5cc4b4;--egl-accent-strong:#a6e2d8;--egl-accent-soft:#17362f;--egl-focus:0 0 0 3px rgba(92,196,180,.27)}
html[data-color-theme="dark"][data-accent="mandat_michel"]{--egl-accent:#72b89b;--egl-accent-strong:#c2e2d4;--egl-accent-soft:#173128;--egl-focus:0 0 0 3px rgba(114,184,155,.27)}
html[data-color-theme="dark"][data-accent="blue"]{--egl-accent:#76a9ef;--egl-accent-strong:#bdd6f8;--egl-accent-soft:#172b45;--egl-focus:0 0 0 3px rgba(118,169,239,.27)}
html[data-color-theme="dark"][data-accent="petrol"]{--egl-accent:#62b7c6;--egl-accent-strong:#b1dce4;--egl-accent-soft:#17343a;--egl-focus:0 0 0 3px rgba(98,183,198,.27)}
html[data-color-theme="dark"][data-accent="turquoise"]{--egl-accent:#56c7c1;--egl-accent-strong:#a9e4e1;--egl-accent-soft:#153735;--egl-focus:0 0 0 3px rgba(86,199,193,.27)}
html[data-color-theme="dark"][data-accent="violet"]{--egl-accent:#a996e0;--egl-accent-strong:#d7cdf2;--egl-accent-soft:#2b2540;--egl-focus:0 0 0 3px rgba(169,150,224,.27)}
html[data-color-theme="dark"][data-accent="amber"]{--egl-accent:#e0a34d;--egl-accent-strong:#f1d19c;--egl-accent-soft:#3b2d19;--egl-focus:0 0 0 3px rgba(224,163,77,.27)}
html[data-color-theme="dark"][data-accent="red"]{--egl-accent:#9f1f36;--egl-accent-strong:#f0a9b6;--egl-accent-soft:#35171f;--egl-focus:0 0 0 3px rgba(159,31,54,.32)}
html[data-color-theme="dark"][data-accent="blue_franc"]{--egl-accent:#7fa5df;--egl-accent-strong:#c4d5ef;--egl-accent-soft:#1b2940;--egl-focus:0 0 0 3px rgba(127,165,223,.27)}
html[data-color-theme="dark"][data-accent="violet_profond"]{--egl-accent:#ad96df;--egl-accent-strong:#d8cdf0;--egl-accent-soft:#2c2540;--egl-focus:0 0 0 3px rgba(173,150,223,.27)}
html[data-color-theme="dark"][data-accent="prune"]{--egl-accent:#c584ad;--egl-accent-strong:#e5bdd6;--egl-accent-soft:#362334;--egl-focus:0 0 0 3px rgba(197,132,173,.27)}
html[data-color-theme="dark"][data-accent="framboise"]{--egl-accent:#df7fa2;--egl-accent-strong:#f0b9cb;--egl-accent-soft:#3c202c;--egl-focus:0 0 0 3px rgba(223,127,162,.27)}
html[data-color-theme="dark"][data-accent="orange_brule"]{--egl-accent:#e79a60;--egl-accent-strong:#f4c8a8;--egl-accent-soft:#3c291e;--egl-focus:0 0 0 3px rgba(231,154,96,.27)}
html[data-color-theme="dark"][data-accent="ocre"]{--egl-accent:#dfb457;--egl-accent-strong:#efd89c;--egl-accent-soft:#3a301b;--egl-focus:0 0 0 3px rgba(223,180,87,.27)}
html[data-color-theme="dark"][data-accent="ardoise"]{--egl-accent:#96a1b1;--egl-accent-strong:#cbd2dc;--egl-accent-soft:#282d36;--egl-focus:0 0 0 3px rgba(150,161,177,.27)}
html[data-color-theme="dark"][data-accent="indigo"]{--egl-accent:#9da2ee;--egl-accent-strong:#d5d7fa;--egl-accent-soft:#242641;--egl-focus:0 0 0 3px rgba(157,162,238,.27)}
html[data-color-theme="dark"][data-accent="corail"]{--egl-accent:#ed8f87;--egl-accent-strong:#f6c8c4;--egl-accent-soft:#3b2220;--egl-focus:0 0 0 3px rgba(237,143,135,.27)}
html[data-color-theme="dark"][data-accent="terracotta"]{--egl-accent:#d98d78;--egl-accent-strong:#efc4b8;--egl-accent-soft:#39251f;--egl-focus:0 0 0 3px rgba(217,141,120,.27)}
html[data-color-theme="dark"][data-accent="magenta"]{--egl-accent:#d47ac5;--egl-accent-strong:#edbce5;--egl-accent-soft:#382238;--egl-focus:0 0 0 3px rgba(212,122,197,.27)}
html[data-color-theme="dark"][data-accent="rose"]{--egl-accent:#e88eac;--egl-accent-strong:#f5c4d4;--egl-accent-soft:#3c202a;--egl-focus:0 0 0 3px rgba(232,142,172,.27)}
html[data-color-theme="dark"][data-accent="olive"]{--egl-accent:#aebc64;--egl-accent-strong:#d9e1af;--egl-accent-soft:#2d311c;--egl-focus:0 0 0 3px rgba(174,188,100,.27)}
html[data-color-theme="dark"][data-accent="moutarde"]{--egl-accent:#ddb85c;--egl-accent-strong:#efdda4;--egl-accent-soft:#392f19;--egl-focus:0 0 0 3px rgba(221,184,92,.27)}
html[data-color-theme="dark"][data-accent="cuivre"]{--egl-accent:#d98e60;--egl-accent-strong:#efc4a6;--egl-accent-soft:#38271d;--egl-focus:0 0 0 3px rgba(217,142,96,.27)}
html[data-color-theme="dark"][data-accent="chocolat"]{--egl-accent:#b88b7c;--egl-accent-strong:#ddc4bb;--egl-accent-soft:#30231f;--egl-focus:0 0 0 3px rgba(184,139,124,.27)}
html[data-color-theme="dark"][data-accent="anthracite"]{--egl-accent:#929dac;--egl-accent-strong:#ced4dc;--egl-accent-soft:#242930;--egl-focus:0 0 0 3px rgba(146,157,172,.27)}

.egl-theme-control,.egl-accent-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.egl-theme-control{padding:4px;border:1px solid var(--egl-line);border-radius:var(--egl-radius-small);background:var(--egl-surface-soft)}
.egl-theme-control button,.egl-accent-picker button{min-height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--egl-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.egl-theme-control button{padding:7px 12px}
.egl-theme-control button.active,.egl-theme-control button[aria-pressed="true"]{background:var(--egl-surface);color:var(--egl-accent-strong);box-shadow:0 1px 4px rgba(20,32,45,.12)}
.egl-accent-picker button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-color:var(--egl-line);background:var(--egl-surface)}
.egl-accent-picker button:hover,.egl-accent-picker button.active,.egl-accent-picker button[aria-pressed="true"]{border-color:var(--egl-accent);color:var(--egl-accent-strong);box-shadow:var(--egl-focus)}
.egl-accent-swatch{width:15px;height:15px;border-radius:50%;background:var(--egl-swatch,currentColor);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.egl-theme-control button:focus-visible,.egl-accent-picker button:focus-visible{outline:none;box-shadow:var(--egl-focus)}