/* RoHub Console — design tokens.
   Dark is the default (modern slate console + teal accent); [data-theme="light"] overrides. */
:root {
  /* surfaces */
  --bg:           #0b0f14;
  --bg-2:         #11161d;   /* panels / cards */
  --bg-3:         #161c25;   /* elevated (modal, palette, inputs) */
  --surface-hover:#1b2230;
  --border:       #232c3a;
  --border-soft:  #1a2230;

  /* text */
  --text:         #e6edf3;
  --text-dim:     #9aa7b4;
  --text-faint:   #6b7888;

  /* accent + semantic */
  --accent:       #2dd4bf;   /* teal */
  --accent-2:     #6366f1;   /* indigo (secondary) */
  --accent-ink:   #04140f;   /* text on accent fills */
  --accent-soft:  rgba(45, 212, 191, .14);
  --good:         #34d399;
  --warn:         #fbbf24;
  --bad:          #f87171;
  --info:         #60a5fa;
  --good-soft:    rgba(52, 211, 153, .14);
  --warn-soft:    rgba(251, 191, 36, .14);
  --bad-soft:     rgba(248, 113, 113, .14);
  --info-soft:    rgba(96, 165, 250, .14);

  /* shape / depth */
  --radius:    12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow:    0 1px 2px rgba(0,0,0,.45), 0 10px 30px rgba(0,0,0,.30);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.40);
  --ring:      0 0 0 3px var(--accent-soft);

  /* spacing scale */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px;

  /* type */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Code", "SF Mono", ui-monospace, "JetBrains Mono", Consolas, monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13px; --fs-base: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 28px;

  /* layout */
  --sidebar-w: 248px;
  --topbar-h: 56px;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg:           #f6f8fa;
  --bg-2:         #ffffff;
  --bg-3:         #ffffff;
  --surface-hover:#eef1f5;
  --border:       #d8dee4;
  --border-soft:  #e6eaef;

  --text:         #1c2128;
  --text-dim:     #57606a;
  --text-faint:   #8c959f;

  --accent:       #0d9488;
  --accent-2:     #4f46e5;
  --accent-ink:   #ffffff;
  --accent-soft:  rgba(13, 148, 136, .12);
  --good:         #059669;
  --warn:         #b45309;
  --bad:          #dc2626;
  --info:         #2563eb;
  --good-soft:    rgba(5, 150, 105, .12);
  --warn-soft:    rgba(180, 83, 9, .12);
  --bad-soft:     rgba(220, 38, 38, .12);
  --info-soft:    rgba(37, 99, 235, .12);

  --shadow:    0 1px 2px rgba(140,149,159,.20), 0 10px 30px rgba(140,149,159,.14);
  --shadow-sm: 0 1px 2px rgba(140,149,159,.20);

  color-scheme: light;
}