:root{
/* ---- Brand: Indumotos ---------------------------------------------------- */
--indu-black:#000000;
--indu-white:#ffffff;
/* Sampled from the wordmark underline */
--indu-yellow:#f0d92c;
--indu-yellow-700:#a8930f;
--indu-yellow-600:#d4bd1a;
--indu-yellow-400:#f4e35c;
--indu-yellow-200:#faf0a4;
--indu-yellow-050:#fdfae2;
--indu-navy:#153b6b;
--indu-navy-800:#0e2848;
--indu-navy-600:#1d5195;
--indu-navy-400:#4c7fc4;
--indu-navy-200:#b6cbe6;
--indu-navy-050:#eaf1f9;
/* ---- Brand: Voltrox (sub-brand, electric line) --------------------------- */
--voltrox-silver:#b7babf;
--voltrox-silver-700:#6e737a;
--voltrox-silver-300:#d6d9dd;
--voltrox-chrome-hi:#f2f4f6;
--voltrox-chrome-lo:#7b8189;
--voltrox-chrome:linear-gradient(160deg,#f2f4f6 0%,#b7babf 34%,#6e737a 58%,#d6d9dd 78%,#8f959c 100%); /* @kind other */
/* ---- Neutral ink ramp (cool graphite, tuned to the chrome) --------------- */
--ink-990:#050607;
--ink-950:#0a0c0e;
--ink-900:#14171b;
--ink-850:#1a1e23;
--ink-800:#23272e;
--ink-700:#2f343c;
--ink-600:#414750;
--ink-500:#5a616b;
--ink-400:#7a828d;
--ink-300:#9ea5b0;
--ink-200:#c4c9d0;
--ink-150:#dadee3;
--ink-100:#e9ecef;
--ink-075:#f1f3f5;
--ink-050:#f7f8fa;
--ink-025:#fcfcfd;
/* ---- Raw semantic hues -------------------------------------------------- */
--green-600:#127a45;
--green-500:#1a9a58;
--green-100:#dcf3e6;
--amber-600:#a86c07;
--amber-500:#d18a0b;
--amber-100:#fbeecd;
--red-700:#961d1d;
--red-600:#c02626;
--red-500:#df3b3b;
--red-100:#fbe0e0;
--blue-600:#1d5195;
--blue-100:#e2ecf8;
}

/* ======================= LIGHT THEME (default) ========================== */
:root{
--surface-page:var(--ink-050);
--surface-card:#ffffff;
--surface-raised:#ffffff;
--surface-sunken:var(--ink-075);
--surface-hover:var(--ink-050);
--surface-active:var(--ink-100);
--surface-inverse:var(--ink-990);
--surface-brand:var(--indu-yellow);
--surface-accent-soft:var(--indu-yellow-050);
--surface-navy:var(--indu-navy);
--surface-navy-soft:var(--indu-navy-050);
--surface-disabled:var(--ink-075);
--surface-overlay:rgba(5,6,7,.55);

--text-primary:var(--ink-900);
--text-secondary:var(--ink-500);
--text-muted:var(--ink-400);
--text-disabled:var(--ink-300);
--text-inverse:#ffffff;
--text-on-brand:var(--indu-black);
--text-link:var(--indu-navy-600);
--text-link-hover:var(--indu-navy-800);

--border-subtle:var(--ink-100);
--border-default:var(--ink-150);
--border-strong:var(--ink-300);
--border-inverse:var(--ink-700);
--border-brand:var(--indu-yellow);
--border-focus:var(--indu-navy);

--status-success-fg:var(--green-600);
--status-success-bg:var(--green-100);
--status-warning-fg:var(--amber-600);
--status-warning-bg:var(--amber-100);
--status-danger-fg:var(--red-600);
--status-danger-bg:var(--red-100);
--status-info-fg:var(--blue-600);
--status-info-bg:var(--blue-100);
--status-neutral-fg:var(--ink-500);
--status-neutral-bg:var(--ink-100);

--focus-ring:0 0 0 3px rgba(21,59,107,.28); /* @kind shadow */
--rule-accent:var(--indu-yellow);
}

/* ============================ DARK THEME ================================ */
[data-theme="dark"]{
--surface-page:var(--ink-990);
--surface-card:var(--ink-900);
--surface-raised:var(--ink-850);
--surface-sunken:var(--ink-950);
--surface-hover:var(--ink-850);
--surface-active:var(--ink-800);
--surface-inverse:#ffffff;
--surface-brand:var(--indu-yellow);
--surface-accent-soft:rgba(240,217,44,.12);
--surface-navy:var(--indu-navy);
--surface-navy-soft:rgba(29,81,149,.18);
--surface-disabled:var(--ink-850);
--surface-overlay:rgba(0,0,0,.7);

--text-primary:#f4f6f7;
--text-secondary:var(--ink-300);
--text-muted:var(--ink-400);
--text-disabled:var(--ink-600);
--text-inverse:var(--ink-990);
--text-on-brand:var(--indu-black);
--text-link:var(--indu-yellow);
--text-link-hover:var(--indu-yellow-400);

--border-subtle:var(--ink-850);
--border-default:var(--ink-800);
--border-strong:var(--ink-700);
--border-inverse:var(--ink-200);
--border-brand:var(--indu-yellow);
--border-focus:var(--indu-yellow);

--status-success-fg:#4ec585;
--status-success-bg:rgba(26,154,88,.16);
--status-warning-fg:#e8ac3c;
--status-warning-bg:rgba(209,138,11,.16);
--status-danger-fg:#f07171;
--status-danger-bg:rgba(223,59,59,.16);
--status-info-fg:#7fb0e8;
--status-info-bg:rgba(29,81,149,.2);
--status-neutral-fg:var(--ink-300);
--status-neutral-bg:var(--ink-800);

--focus-ring:0 0 0 3px rgba(240,217,44,.32); /* @kind shadow */
--rule-accent:var(--indu-yellow);
}