/* ObaBot palette shared by authentication and workspace. */
:root {
  --bg: #0b0b0d;
  --surface: #151518;
  --surface-2: #1e1e22;
  --surface-3: #29292e;
  --border: #414149;
  --border-subtle: #2d2d34;
  --text: #ffffff;
  --text-dim: #c5c5ce;
  --text-faint: #9e9eab;
  --brand: #f5ff00;
  --brand-blue: #1111a5;
  --brand-yellow: #f5ff00;
  --logo-blue: #3434e8;
  --logo-yellow: var(--brand-yellow);
  --action: var(--brand-yellow);
  --on-action: #101078;
  --accent: var(--brand);
  --accent-dim: color-mix(in srgb, var(--accent) 12%, transparent);
  --live-dim: color-mix(in srgb, var(--live) 12%, transparent);
  --admin-dim: color-mix(in srgb, var(--admin) 12%, transparent);
  --danger-dim: color-mix(in srgb, var(--danger) 10%, transparent);
  --brand-ink: #101078;
  --live: #f5ff00;
  --admin: #aebaff;
  --admin-ink: #101078;
  --danger: #fb8f9d;
  --warm: #f5e66b;
  --card-shadow: 0 2px 3px #0000000a, 0 8px 24px #00000012;
  --shadow: 0 16px 48px #00000035;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
}
:root[data-theme="light"] {
  --bg: #f1f3ff;
  --surface: #ffffff;
  --surface-2: #e9edff;
  --surface-3: #dde3ff;
  --border: #b6bfe8;
  --border-subtle: #d4daf5;
  --text: #14146b;
  --text-dim: #454f88;
  --text-faint: #58649a;
  --brand: #2525b8;
  --brand-ink: #ffffff;
  --live: #2525b8;
  --admin: #4949c5;
  --admin-ink: #ffffff;
  --danger: #c43d56;
  --warm: #786200;
  --card-shadow: 0 1px 2px #16303a05, 0 4px 18px #16303a05;
  --shadow: 0 16px 48px #16303a18;
}