/* VAM Cluster design tokens — variables only, no global resets.
 * Mirror of the :root + [data-theme="dark"] blocks from theme.css so that
 * apps with their own layout (sofc-model dashboard, /demo) can share the
 * fleet's color palette without inheriting the Mahlzeit body / .container /
 * h1-h2 / * { margin:0 } rules that fight a tuned dense layout. */

:root {
    --bg: #f6f8fa;
    --text: #1f2328;
    --text-secondary: #636c76;
    --text-muted: #6e7781;
    --heading: #1f2328;
    --card-bg: #ffffff;
    --card-border: #d1d9e0;
    --card-hover-border: #0969da;
    --card-hover-bg: #f6f8fa;
    --bar-bg: #e1e4e8;
    --badge-up-bg: #dafbe1;
    --badge-up-fg: #1a7f37;
    --badge-down-bg: #ffebe9;
    --badge-down-fg: #d1242f;
    --fill-ok: #1a7f37;
    --fill-warn: #bf8700;
    --fill-full: #d1242f;
    --link: #0969da;
    --accent: #0969da;
    --footer: #8b949e;
    --input-bg: #ffffff;
    --input-border: #d1d9e0;
    --row-hover: #f6f8fa;
    --range-bg: #e1e4e8;
    --range-active: #0969da;
    --range-active-text: #ffffff;
    --logo-fill: #0157ff;
}
[data-theme="dark"] {
    --bg: #0f1117;
    --text: #c9d1d9;
    --text-secondary: #7d8590;
    --text-muted: #768390;
    --heading: #e6edf3;
    --card-bg: #161b22;
    --card-border: #30363d;
    --card-hover-border: #58a6ff;
    --card-hover-bg: #1c2129;
    --bar-bg: #21262d;
    --badge-up-bg: #1b3a2d;
    --badge-up-fg: #3fb950;
    --badge-down-bg: #3d1418;
    --badge-down-fg: #f85149;
    --fill-ok: #3fb950;
    --fill-warn: #d29922;
    --fill-full: #f85149;
    --link: #58a6ff;
    --accent: #58a6ff;
    --footer: #484f58;
    --input-bg: #161b22;
    --input-border: #30363d;
    --row-hover: #1c2128;
    --range-bg: #21262d;
    --range-active: #58a6ff;
    --range-active-text: #0f1117;
    --logo-fill: #58a6ff;
}