/*
 * SKO ASSISTANT BETA — DESIGN TOKENS
 *
 * Change global colors, spacing, radii, shadows, and motion here.
 * The rest of the interface consumes these variables.
 */

.sko-beta-root {
  --sko-bg-0: #071014;
  --sko-bg-1: #0a1419;
  --sko-bg-2: #0e1a20;
  --sko-bg-3: #132229;
  --sko-surface: rgba(12, 24, 29, 0.86);
  --sko-surface-strong: rgba(16, 31, 37, 0.98);
  --sko-surface-soft: rgba(18, 35, 41, 0.62);
  --sko-border: rgba(133, 179, 191, 0.14);
  --sko-border-strong: rgba(132, 198, 213, 0.26);
  --sko-text: #edf7f7;
  --sko-text-soft: #adc1c5;
  --sko-text-muted: #71898f;
  --sko-teal: #4fd8c4;
  --sko-teal-strong: #20bda9;
  --sko-blue: #65aef9;
  --sko-violet: #a58bff;
  --sko-amber: #f2b84b;
  --sko-red: #ff6b72;
  --sko-green: #63d58a;
  --sko-neutral: #8ba0a5;
  --sko-shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.2);
  --sko-shadow-lg: 0 24px 70px rgba(0, 0, 0, 0.42);
  --sko-glow-teal: 0 0 0 1px rgba(79, 216, 196, 0.08), 0 18px 60px rgba(32, 189, 169, 0.08);
  --sko-radius-xs: 8px;
  --sko-radius-sm: 11px;
  --sko-radius-md: 15px;
  --sko-radius-lg: 20px;
  --sko-radius-xl: 26px;
  --sko-sidebar-width: 264px;
  --sko-topbar-height: 68px;
  --sko-page-gap: 20px;
  --sko-ease: cubic-bezier(.2, .7, .2, 1);
  --sko-fast: 140ms;
  --sko-normal: 220ms;
  --sko-slow: 420ms;

  color: var(--sko-text);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.sko-beta-root *,
.sko-beta-root *::before,
.sko-beta-root *::after {
  box-sizing: border-box;
}

.sko-beta-root button,
.sko-beta-root input,
.sko-beta-root select,
.sko-beta-root textarea {
  font: inherit;
}

.sko-beta-root button {
  color: inherit;
}