/* Semantic Tester Area palette. Components consume these roles in every theme. */
:root {
  color-scheme:dark;
  --bg:#0c0f14; --bg-soft:#11151b; --card:#151a22; --card-2:#1a2029; --card-3:#202631;
  --surface-raised:#202631; --surface-hover:#2a313d; --field-bg:#10141a; --field-focus:#171d27;
  --ink:#f4f5f7; --text:#c7cdd6; --muted:#a7adb7; --faint:#87909e;
  --line:rgba(255,255,255,.075); --line2:rgba(255,255,255,.14); --neutral-rgb:255,255,255; --surface-rgb:21,26,34; --shadow-rgb:0,0,0;
  --accent:#5961e8; --accent-end:#6c58e0; --accent-rgb:102,112,255; --accent-ink:#b1acff; --accent-hover:#d1ceff;
  --green:#70dfa5; --success-rgb:67,211,141; --gold:#f1d370; --warning-rgb:255,190,92; --danger:#ff9caa; --danger-rgb:255,94,114; --orange:#f6b15b; --info:#9bcaff; --info-rgb:105,175,255;
  --on-accent:#fff; --embedded-canvas:#fff; --sidebar:232px; --radius:22px; --shadow:0 28px 90px rgba(0,0,0,.34); --scrollbar:#778391; --logo-image:url('../teamhub_logo.png');
}
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f3f6fa; --bg-soft:#edf2f7; --card:#fff; --card-2:#f5f7fb; --card-3:#e9eff6;
  --surface-raised:#e8eef5; --surface-hover:#dce5f0; --field-bg:#f5f7fb; --field-focus:#fff;
  --ink:#172033; --text:#344156; --muted:#526176; --faint:#607087;
  --line:rgba(34,48,72,.13); --line2:rgba(34,48,72,.21); --neutral-rgb:34,48,72; --surface-rgb:255,255,255; --shadow-rgb:100,115,140;
  --accent:#5145cd; --accent-end:#6252db; --accent-rgb:81,69,205; --accent-ink:#4b3bb0; --accent-hover:#38278d;
  --green:#11633f; --success-rgb:20,133,83; --gold:#765005; --warning-rgb:176,116,10; --danger:#a91e3a; --danger-rgb:180,34,61; --orange:#8a5007; --info:#205b98; --info-rgb:37,108,180;
  --embedded-canvas:#fff; --shadow:0 22px 60px rgba(74,91,119,.12); --scrollbar:#788699; --logo-image:url('../teamhub_logo_blackP.png');
}