/* Design tokens. Dark by default, light via [data-theme="light"]. */
:root {
  --bg:            #0e1116;
  --bg-elevated:   #151a21;
  --bg-panel:      #1a2029;
  --bg-input:      #10151b;
  --bg-hover:      #1f2731;
  --bg-active:     #232c38;

  --border:        #262f3b;
  --border-strong: #35404f;
  --border-focus:  #3d7dff;

  --text:          #e7ecf3;
  --text-dim:      #9aa7b8;
  --text-faint:    #6b7787;

  --accent:        #4c8dff;
  --accent-hover:  #609bff;
  --accent-soft:   rgba(76, 141, 255, 0.14);
  --accent-text:   #ffffff;

  --success:       #35c27a;
  --success-soft:  rgba(53, 194, 122, 0.14);
  --warning:       #f0b429;
  --warning-soft:  rgba(240, 180, 41, 0.14);
  --danger:        #f2564f;
  --danger-hover:  #ff6a63;
  --danger-soft:   rgba(242, 86, 79, 0.14);

  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 18px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.32);
  --shadow:    0 8px 24px rgba(0,0,0,.36);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.5);

  --sidebar-w: 232px;
  --topbar-h:  58px;

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --ease: cubic-bezier(.4, 0, .2, 1);
}

[data-theme="light"] {
  --bg:            #f5f7fa;
  --bg-elevated:   #ffffff;
  --bg-panel:      #ffffff;
  --bg-input:      #ffffff;
  --bg-hover:      #eef2f7;
  --bg-active:     #e4eaf3;

  --border:        #dde3ec;
  --border-strong: #c3ccda;

  --text:          #10151d;
  --text-dim:      #5a6675;
  --text-faint:    #8b96a5;

  --accent-soft:   rgba(76, 141, 255, 0.12);
  --shadow-sm: 0 1px 2px rgba(16,21,29,.06);
  --shadow:    0 8px 24px rgba(16,21,29,.10);
  --shadow-lg: 0 24px 60px rgba(16,21,29,.18);
}