/* ===== JC-HAMEDINA-CMS-DARK-001: dark mode measured against Minimal's dark theme — slate greys (900 page, 800 cards,
   table head #28323D), white text, secondary #919EAB, hairlines in grey at 20%, and "soft" labels: the colour at 16%
   behind its LIGHT shade (#77ED8B / #FFD666 / #FFAC82 / #61F3F3) instead of the dark shades used on white. ===== */
html[data-ui=v3][data-mode=dark]{
  --snow:#141a21;--paper:#1c252e;--coal:#fff;--ink:#fff;--ink2:#c4cdd5;--mute:#919eab;--mute2:#637381;
  --hair:rgba(145,158,171,.2);--hair2:rgba(145,158,171,.32);--soft:rgba(145,158,171,.12);--neutral:#28323d;
  --ok:#22c55e;--warn:#ffab00;--red:#ff5630;--brand-d:#ffac82;
  --sh-card:0 0 2px 0 rgba(0,0,0,.2),0 12px 24px -4px rgba(0,0,0,.12);
  --s-ok-bg:rgba(34,197,94,.16);--s-ok:#77ed8b;--s-warn-bg:rgba(255,171,0,.16);--s-warn:#ffd666;
  --s-err-bg:rgba(255,86,48,.16);--s-err:#ffac82;--s-info-bg:rgba(0,184,217,.16);--s-info:#61f3f3;--s-def-bg:rgba(145,158,171,.16);--s-def:#c4cdd5}
html[data-ui=v3][data-mode=dark][data-contrast=high]{--snow:#0f141a;--paper:#1c252e;--hair:rgba(145,158,171,.36);--hair2:rgba(145,158,171,.5);--mute:#c4cdd5;--sh-card:0 0 0 1px rgba(145,158,171,.36)}
/* labels and chips: one soft family */
html[data-mode=dark] .v3 .lbl.s-published,html[data-mode=dark] .pill.published,html[data-mode=dark] .rchip.ok,html[data-mode=dark] .chip.ok{background:var(--s-ok-bg);color:var(--s-ok);border-color:transparent}
html[data-mode=dark] .v3 .lbl.s-review,html[data-mode=dark] .pill.review,html[data-mode=dark] .pill.scheduled,html[data-mode=dark] .chip.warn,html[data-mode=dark] .hc em.mv,html[data-mode=dark] .mc.hot .tag{background:var(--s-warn-bg);color:var(--s-warn);border-color:transparent}
html[data-mode=dark] .v3 .lbl.s-scheduled{background:var(--s-info-bg);color:var(--s-info)}
html[data-mode=dark] .v3 .lbl.s-archived,html[data-mode=dark] .rchip.bad,html[data-mode=dark] .chip.bad,html[data-mode=dark] .pill.gap{background:var(--s-err-bg);color:var(--s-err);border-color:transparent}
html[data-mode=dark] .v3 .lbl.s-draft,html[data-mode=dark] .pill.draft,html[data-mode=dark] .pill.archived,html[data-mode=dark] .rchip.idle{background:var(--s-def-bg);color:var(--s-def)}
html[data-mode=dark] .v3 .stabs button.on .lbl{background:#fff;color:#1c252e}
/* numbers, accents and red text that must read on a dark ground */
html[data-mode=dark] .v3 .kpi .kd i.up{color:#22c55e}html[data-mode=dark] .v3 .kpi .kd i.dn{color:#ff5630}
html[data-mode=dark] .v3 #pubbtn{background:var(--s-err-bg);color:var(--s-err)}html[data-mode=dark] .v3 #pubbtn:hover{background:rgba(255,86,48,.24)}
html[data-mode=dark] .v3 label em,html[data-mode=dark] .v3 .fld em{color:#ff5630}
html[data-mode=dark] .sb.tg{color:#68cdf9;border-color:rgba(104,205,249,.32)}
html[data-mode=dark] .srv-err{background:var(--s-err-bg);color:var(--s-err)}
/* breadcrumbs: links read as links, the current page stays quiet (Minimal: primary / disabled) */
html[data-mode=dark] .v3 .crumbs a{color:var(--ink2)}html[data-mode=dark] .v3 .crumbs{color:var(--mute)}
/* panels that were drawn white */
html[data-mode=dark] .lint{background:transparent;border-color:var(--hair)}
html[data-mode=dark] .og-pre button,html[data-mode=dark] .og-ch input[type=color],html[data-mode=dark] .bd-z,html[data-mode=dark] .bd-pal button,
html[data-mode=dark] .ai-m>div,html[data-mode=dark] .ai-av,html[data-mode=dark] .ai-step,html[data-mode=dark] .ai-appr-c,html[data-mode=dark] .ai-in{background:var(--paper);color:var(--ink)}
html[data-mode=dark] .og-pre button b{color:var(--ink)}
html[data-mode=dark] .v3 #main time{color:var(--mute)}
/* trends board in dark */
html[data-mode=dark] .tb-src.g{color:#61f3f3}html[data-mode=dark] .tb-note{color:#ffd666}