/* VORIVOX UI Core v1 — canonical design tokens.
   v1 is immutable: incompatible token changes require /ui-core/v2/. */
:root{
  --vx-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;

  --vx-ink:#0a2148;
  --vx-ink-2:#12315f;
  --vx-blue:#1268ff;
  --vx-blue-2:#4f91ff;
  --vx-cyan:#25a9ef;
  --vx-violet:#7d61e8;
  --vx-ok:#18a867;
  --vx-warning:#efaa2f;
  --vx-danger:#e74b55;
  --vx-muted:#6f809c;
  --vx-muted-2:#94a3b8;

  --vx-bg-canvas:#f9fbff;
  --vx-bg-soft:#f3f8ff;
  --vx-surface:#ffffff;
  --vx-surface-soft:#f7faff;
  --vx-surface-blue:#eef5ff;
  --vx-line:#dce7f5;
  --vx-line-strong:#cbdcf0;
  --vx-accent-soft:#eaf3ff;

  --vx-radius-control:5px;
  --vx-radius-panel:5px;
  --vx-shadow:0 10px 30px rgba(26,67,122,.075);
  --vx-shadow-hover:0 18px 42px rgba(28,75,140,.12);

  /* Compatibility aliases used by Console and Setup component CSS. */
  --ink:var(--vx-ink);
  --ink-2:var(--vx-ink-2);
  --blue:var(--vx-blue);
  --blue2:var(--vx-blue-2);
  --blue-2:var(--vx-blue-2);
  --cyan:var(--vx-cyan);
  --violet:var(--vx-violet);
  --green:var(--vx-ok);
  --ok:var(--vx-ok);
  --amber:var(--vx-warning);
  --warning:var(--vx-warning);
  --red:var(--vx-danger);
  --danger:var(--vx-danger);
  --muted:var(--vx-muted);
  --muted-2:var(--vx-muted-2);
  --line:var(--vx-line);
  --line-strong:var(--vx-line-strong);
  --surface:var(--vx-surface);
  --surface2:var(--vx-surface-soft);
  --surface-soft:var(--vx-surface-soft);
  --surface-blue:var(--vx-surface-blue);
  --accent:var(--vx-blue);
  --accent-soft:var(--vx-accent-soft);
  --text:var(--vx-ink);
  --pale:var(--vx-bg-soft);
  --shadow:var(--vx-shadow);
  --shadow-hover:var(--vx-shadow-hover);
}

html[data-theme="dark"]{
  --vx-ink:#e9f1ff;
  --vx-ink-2:#d8e7fb;
  --vx-blue:#70adff;
  --vx-blue-2:#8ec0ff;
  --vx-cyan:#61c7ff;
  --vx-violet:#a690ff;
  --vx-ok:#43c983;
  --vx-warning:#f2bd55;
  --vx-danger:#ff727c;
  --vx-muted:#93a7c2;
  --vx-muted-2:#7186a3;
  --vx-bg-canvas:#0d1624;
  --vx-bg-soft:#111d2e;
  --vx-surface:#122136;
  --vx-surface-soft:#14253a;
  --vx-surface-blue:#173153;
  --vx-line:#2c405b;
  --vx-line-strong:#3b5675;
  --vx-accent-soft:#173153;
  --vx-shadow:0 14px 38px rgba(0,0,0,.24);
  --vx-shadow-hover:0 18px 42px rgba(0,0,0,.31);
  color-scheme:dark;
}

/* VORIVOX UI Core v3 — canonical typography, spacing + 5px geometry.
   v1 remains immutable. v2 is the production contract for Console/Manager/Operator/Setup. */
:root{
  --vx-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --vx-font-cjk:"Noto Sans CJK SC","Noto Sans CJK JP","Noto Sans SC","Noto Sans JP",var(--vx-font-sans);
  --vx-font-arabic:"Noto Sans Arabic",var(--vx-font-sans);
  --vx-font-devanagari:"Noto Sans Devanagari",var(--vx-font-sans);

  --vx-text-xs:11px;
  --vx-text-sm:12px;
  --vx-text-md:13px;
  --vx-text-lg:14px;
  --vx-title-sm:16px;
  --vx-title-md:20px;
  --vx-title-lg:28px;
  --vx-metric:32px;
  --vx-score:72px;

  --vx-weight-regular:400;
  --vx-weight-medium:500;
  --vx-weight-semibold:600;
  --vx-weight-bold:700;
  --vx-weight-logo:800;

  --vx-leading-tight:1.2;
  --vx-leading-normal:1.4;
  --vx-leading-relaxed:1.5;

  --vx-space-1:4px;
  --vx-space-2:8px;
  --vx-space-3:12px;
  --vx-space-4:16px;
  --vx-space-5:24px;
  --vx-space-6:32px;

  --vx-control-height:36px;
  --vx-control-radius:5px;
  --vx-card-radius:5px;
  --vx-workspace-gap:10px;
}

/* UI Core v4: approved VORIVOX experience palette, shared by Console and Cloud. */
:root{--vx-ui-bg:#f4f5f7;--vx-ui-panel:#fff;--vx-ui-soft:#f7f8fa;--vx-ui-text:#19212d;--vx-ui-muted:#606b7b;--vx-ui-line:#e0e4ea;--vx-ui-accent:#2456df;--vx-ui-tint:#edf2ff;--vx-ui-cta:#2456df;--vx-ui-on-cta:#fff;--vx-ui-good:#19754e;--vx-ui-good-bg:#edf7f1;--vx-ui-warn:#986213;--vx-ui-warn-bg:#fff5e5;--vx-ui-bad:#b04038;--vx-ui-bad-bg:#fff0ed;--vx-ui-shadow:0 8px 32px #19212d0c;--vx-control-radius:7px;--vx-card-radius:12px;--vx-weight-bold:600;--vx-weight-semibold:500;--vx-control-height:36px;color-scheme:light}
:root[data-theme=dark]{--vx-ui-bg:#101317;--vx-ui-panel:#1a1e24;--vx-ui-soft:#222730;--vx-ui-text:#eef1f6;--vx-ui-muted:#a5afbd;--vx-ui-line:#333b46;--vx-ui-accent:#9bb8ff;--vx-ui-tint:#283858;--vx-ui-cta:#a7bfff;--vx-ui-on-cta:#12233d;--vx-ui-good:#78d9aa;--vx-ui-good-bg:#20372e;--vx-ui-warn:#ebbf76;--vx-ui-warn-bg:#382e20;--vx-ui-bad:#ffaaa2;--vx-ui-bad-bg:#3b2525;--vx-ui-shadow:0 8px 32px #0003;color-scheme:dark}

/* Final approved production palette, shared by every VORIVOX workspace. */
:root{--vx-ui-bg:#f3f4f4;--vx-ui-text:#182130;--vx-ui-line:#dde2e7;--vx-ui-muted:#667180;--vx-ui-ink:#172436;--vx-ui-ink-muted:#a8b7cb;--vx-ui-accent:#2859e8;--vx-ui-cta:#2859e8}
:root[data-theme=dark]{--vx-ui-bg:#10151d;--vx-ui-panel:#1b2532;--vx-ui-soft:#232f3f;--vx-ui-text:#f0f4fa;--vx-ui-line:#344153;--vx-ui-muted:#afbacb;--vx-ui-accent:#aec5ff;--vx-ui-cta:#aec5ff;--vx-ui-tint:#2b3d5e}

/* Keep Console geometry above legacy :root declarations loaded by vorivox-ui.css. */
:root{--vx-experience-control-radius:7px;--vx-experience-card-radius:12px}
:root#vorivox-console{--vx-control-radius:var(--vx-experience-control-radius);--vx-card-radius:var(--vx-experience-card-radius)}