/* Base palette — values observed in site/focus and site/xray (commit 808cdc6). Legacy #fb533c / #171819 / #161718 collapsed into the semantic aliases below. */
:root{
--mv-ink:#111111;          /* mark ground, identity field */
--mv-graphite:#151617;     /* dark sections, solid button */
--mv-graphite-2:#202225;   /* secondary dark section (workflow) */
--mv-graphite-3:#242629;   /* dark media well */
--mv-paper:#eef0f3;        /* page surface */
--mv-paper-2:#e0e4ea;      /* recessed light section (resources) */
--mv-paper-hover:#e4e7ec;  /* light row hover */
--mv-white:#ffffff;        /* stripe, image plates */
--mv-signal:#ff762d;       /* orange — one accent */
--mv-signal-hover:#ff985f;
--mv-signal-deep:#b5450c;  /* orange readable on paper: focus ring, step numbers, link hover */
--mv-signal-text:#a64314;
--mv-signal-soft:#ff8b4d;  /* orange eyebrow on dark */
--mv-text:#191b1e;
--mv-text-muted:#59616d;
--mv-text-faint:#8f959e;
--mv-text-on-dark:#eef0f3;
--mv-text-on-dark-muted:#aeb6c2;
--mv-text-on-dark-faint:#626b78;
--mv-rule:#c6cbd2;
--mv-rule-strong:#9299a4;
--mv-rule-on-dark:#51555c;
--mv-rule-on-dark-soft:#3f4248;
--mv-dark-hover:#2d3035;
--mv-scrim:rgba(20,22,24,.6);
}
/* Semantic aliases — light context (default) */
:root{
--surface-page:var(--mv-paper);
--surface-recessed:var(--mv-paper-2);
--surface-plate:var(--mv-white);
--surface-hover:var(--mv-paper-hover);
--surface-inverted:var(--mv-graphite);
--surface-inverted-2:var(--mv-graphite-2);
--surface-media:var(--mv-graphite-3);
--text-body:var(--mv-text);
--text-muted:var(--mv-text-muted);
--text-faint:var(--mv-text-faint);
--text-inverted:var(--mv-text-on-dark);
--text-inverted-muted:var(--mv-text-on-dark-muted);
--border-rule:var(--mv-rule);
--border-strong:var(--mv-rule-strong);
--border-inverted:var(--mv-rule-on-dark);
--accent:var(--mv-signal);
--accent-hover:var(--mv-signal-hover);
--accent-on-light:var(--mv-signal-deep);
--accent-text:var(--mv-signal-text);
--focus-ring:var(--mv-signal-deep);
--selection-bg:var(--mv-signal);
--selection-fg:var(--mv-ink);
--brand-mark-ground:var(--mv-ink);
--brand-mark-stripe:var(--mv-white);
}
/* Dark context: add data-theme="dark" (or class .mv-dark) on any section */
[data-theme="dark"],.mv-dark{
--surface-page:var(--mv-graphite);
--surface-recessed:var(--mv-graphite-2);
--surface-hover:var(--mv-dark-hover);
--text-body:var(--mv-text-on-dark);
--text-muted:var(--mv-text-on-dark-muted);
--text-faint:var(--mv-text-on-dark-faint);
--border-rule:var(--mv-rule-on-dark);
--border-strong:#69707b;
--accent-on-light:var(--mv-signal);
--accent-text:var(--mv-signal-soft);
--focus-ring:var(--mv-signal);
}