/* ── Dark theme (default) ── */
:root {
  --bg:           #0d0d10;
  --surface:      #16161c;
  --surface-2:    #1e1e26;
  --surface-3:    #26262f;
  --border:       #2c2c38;
  --border-focus: #5a4dff;

  --text:         #e4e4f0;
  --text-muted:   #68687a;
  --text-dim:     #44445a;

  --accent:       #6c5ce7;
  --accent-hover: #8075ff;
  --accent-glow:  rgba(108, 92, 231, 0.25);

  --danger:       #e05260;
  --danger-hover: #ff6b7a;
  --success:      #2ecc71;

  --shadow-sm: 0 2px 8px  rgba(0,0,0,.4);
  --shadow-md: 0 4px 24px rgba(0,0,0,.5);
  --shadow-lg: 0 8px 48px rgba(0,0,0,.6);
}

/* ── Light theme ── */
[data-theme="light"] {
  --bg:           #f0f0f5;
  --surface:      #ffffff;
  --surface-2:    #f5f5fa;
  --surface-3:    #eaeaf2;
  --border:       #d8d8e8;
  --border-focus: #6c5ce7;

  --text:         #1a1a2e;
  --text-muted:   #7070a0;
  --text-dim:     #b0b0c8;

  --accent:       #6c5ce7;
  --accent-hover: #5548c8;
  --accent-glow:  rgba(108, 92, 231, 0.15);

  --danger:       #d63a4e;
  --danger-hover: #e05260;
  --success:      #27ae60;

  --shadow-sm: 0 2px 8px  rgba(0,0,0,.08);
  --shadow-md: 0 4px 24px rgba(0,0,0,.12);
  --shadow-lg: 0 8px 48px rgba(0,0,0,.16);
}

/* ── Auto: follow OS ── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]):not([data-theme="light"]) {
    --bg:           #f0f0f5;
    --surface:      #ffffff;
    --surface-2:    #f5f5fa;
    --surface-3:    #eaeaf2;
    --border:       #d8d8e8;
    --border-focus: #6c5ce7;

    --text:         #1a1a2e;
    --text-muted:   #7070a0;
    --text-dim:     #b0b0c8;

    --accent:       #6c5ce7;
    --accent-hover: #5548c8;
    --accent-glow:  rgba(108, 92, 231, 0.15);

    --danger:       #d63a4e;
    --danger-hover: #e05260;
    --success:      #27ae60;

    --shadow-sm: 0 2px 8px  rgba(0,0,0,.08);
    --shadow-md: 0 4px 24px rgba(0,0,0,.12);
    --shadow-lg: 0 8px 48px rgba(0,0,0,.16);
  }
}

/* ── Shared (non-color) tokens ── */
:root {
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-xl:   24px;
  --r-full: 9999px;

  --t-fast:   120ms ease;
  --t-normal: 200ms ease;
  --t-slow:   350ms ease;

  --font: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui, sans-serif;

  --sidebar-w: 340px;
  --gap:       24px;
}