/* ==========================================================================
   VOT Ecosystem — Shared Design Tokens (Single Source of Truth)
   Shared semantic brand tokens. Apps own the brand; Vot Auth consumes it.
   ========================================================================== */

/* Default / Neutral Fallback */
:root,
[data-vot-brand="default"],
[data-app="default"] {
  --vot-surface: #fffaff;
  --vot-surface-container: #f5eff8;
  --vot-surface-container-high: #ece5f0;
  --vot-outline: #d3c8d8;
  --vot-text: #29243a;
  --vot-muted: #706879;
  --vot-primary: #715797;
  --vot-primary-hover: #5e4388;
  --vot-primary-container: #eadfff;
  --vot-on-primary: #ffffff;
  --vot-error: #a33d4b;
  --vot-error-container: #ffdadf;
  --vot-shadow: rgba(57, 42, 69, 0.16);
}

/* --------------------------------------------------------------------------
   Votex (Purple Brand)
   -------------------------------------------------------------------------- */
[data-vot-brand="votex"],
[data-app="votex"] {
  --vot-surface: #fffaff;
  --vot-surface-container: #f5f0f7;
  --vot-surface-container-high: #ece6ef;
  --vot-outline: #ebe4ee;
  --vot-text: #29243a;
  --vot-muted: #80798a;
  --vot-primary: #72589b;
  --vot-primary-hover: #5c4386;
  --vot-primary-container: #e9e0ff;
  --vot-on-primary: #ffffff;
  --vot-error: #a8384a;
  --vot-error-container: #ffe4e9;
  --vot-shadow: rgba(63, 45, 79, 0.12);
}

[data-vot-brand="votex"][data-theme="dark"],
[data-app="votex"][data-theme="dark"],
[data-vot-brand="votex"][data-vot-theme="dark"],
[data-app="votex"][data-vot-theme="dark"] {
  --vot-surface: #17131d;
  --vot-surface-container: #211b29;
  --vot-surface-container-high: #2c2434;
  --vot-outline: #382f40;
  --vot-text: #f3edf7;
  --vot-muted: #b4aabd;
  --vot-primary: #cbb5f5;
  --vot-primary-hover: #b89ae9;
  --vot-primary-container: #3b2e4e;
  --vot-on-primary: #332541;
  --vot-error: #ff9aa8;
  --vot-error-container: #4a2530;
  --vot-shadow: rgba(0, 0, 0, 0.32);
}

/* --------------------------------------------------------------------------
   VOT Console (Purple Brand)
   -------------------------------------------------------------------------- */
[data-vot-brand="vot-console"],
[data-app="vot-console"] {
  --vot-surface: #fffaff;
  --vot-surface-container: #f5eff8;
  --vot-surface-container-high: #ece5f0;
  --vot-outline: #d3c8d8;
  --vot-text: #29243a;
  --vot-muted: #706879;
  --vot-primary: #715797;
  --vot-primary-hover: #5e4388;
  --vot-primary-container: #eadfff;
  --vot-on-primary: #ffffff;
  --vot-error: #a33d4b;
  --vot-error-container: #ffdadf;
  --vot-shadow: rgba(57, 42, 69, 0.16);
}

[data-vot-brand="vot-console"][data-theme="dark"],
[data-app="vot-console"][data-theme="dark"],
[data-vot-brand="vot-console"][data-vot-theme="dark"],
[data-app="vot-console"][data-vot-theme="dark"] {
  --vot-surface: #18141e;
  --vot-surface-container: #211b29;
  --vot-surface-container-high: #2c2434;
  --vot-outline: #504557;
  --vot-text: #f3edf7;
  --vot-muted: #b9afc0;
  --vot-primary: #bda3e9;
  --vot-primary-hover: #d4c0f5;
  --vot-primary-container: #3c2f4f;
  --vot-on-primary: #251638;
  --vot-error: #ff9aa8;
  --vot-error-container: #4a2530;
  --vot-shadow: rgba(0, 0, 0, 0.32);
}

/* --------------------------------------------------------------------------
   VOT Hub (Expressive Blue / Slate Brand)
   Default for Hub is Dark (M3 Expressive)
   -------------------------------------------------------------------------- */
[data-vot-brand="vot-hub"],
[data-app="vot-hub"],
[data-vot-brand="vot-hub"]:not([data-theme="light"]):not([data-vot-theme="light"]),
[data-app="vot-hub"]:not([data-theme="light"]):not([data-vot-theme="light"]) {
  --vot-surface: #0f172a;
  --vot-surface-container: #1e293b;
  --vot-surface-container-high: #273549;
  --vot-outline: #475569;
  --vot-text: #f1f5f9;
  --vot-muted: #94a3b8;
  --vot-primary: #38bdf8;
  --vot-primary-hover: #7dd3fc;
  --vot-primary-container: #004d67;
  --vot-on-primary: #003549;
  --vot-error: #f87171;
  --vot-error-container: #450a0a;
  --vot-shadow: rgba(0, 0, 0, 0.32);
}

[data-vot-brand="vot-hub"][data-theme="dark"],
[data-app="vot-hub"][data-theme="dark"],
[data-vot-brand="vot-hub"][data-vot-theme="dark"],
[data-app="vot-hub"][data-vot-theme="dark"] {
  --vot-surface: #0f172a;
  --vot-surface-container: #1e293b;
  --vot-surface-container-high: #273549;
  --vot-outline: #475569;
  --vot-text: #f1f5f9;
  --vot-muted: #94a3b8;
  --vot-primary: #38bdf8;
  --vot-primary-hover: #7dd3fc;
  --vot-primary-container: #004d67;
  --vot-on-primary: #003549;
  --vot-error: #f87171;
  --vot-error-container: #450a0a;
  --vot-shadow: rgba(0, 0, 0, 0.32);
}

[data-vot-brand="vot-hub"][data-theme="light"],
[data-app="vot-hub"][data-theme="light"],
[data-vot-brand="vot-hub"][data-vot-theme="light"],
[data-app="vot-hub"][data-vot-theme="light"] {
  --vot-surface: #ffffff;
  --vot-surface-container: #f1f5f9;
  --vot-surface-container-high: #e2e8f0;
  --vot-outline: #94a3b8;
  --vot-text: #0f172a;
  --vot-muted: #475569;
  --vot-primary: #0284c7;
  --vot-primary-hover: #0369a1;
  --vot-primary-container: #e0f2fe;
  --vot-on-primary: #ffffff;
  --vot-error: #b91c1c;
  --vot-error-container: #fee2e2;
  --vot-shadow: rgba(2, 132, 199, 0.16);
}