@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap');
@import "tailwindcss";

@theme {
  --color-bg: #0a0d13;
  --color-panel: #12161f;
  --color-panel-2: #171c28;
  --color-panel-3: #0d1119;
  --color-border: #232a3a;
  --color-border-hi: #384357;

  --color-text: #e7ecf3;
  --color-text-dim: #949fb3;
  --color-text-mute: #67728a;
  --color-text-faint: #454e60;

  --color-accent: #5b8cff;
  --color-accent-2: #8b6bff;
  --color-accent-bright: #9db8ff;

  --color-ok: #3ddc9b;
  --color-warn: #f5b84e;
  --color-danger: #ff7373;
  --color-info: #4fd1e8;
  --color-violet: #c893ff;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --shadow-card: 0 1px 2px rgba(0,0,0,.2), 0 8px 24px -12px rgba(0,0,0,.5);
}

html, body, #app { height: 100%; }

body {
  background:
    radial-gradient(1200px 500px at 15% -10%, rgb(91 140 255 / .07), transparent),
    radial-gradient(900px 500px at 100% 0%, rgb(139 107 255 / .05), transparent),
    var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

::selection { background: rgb(91 140 255 / .2); }

/* 滚动条：深色主题下默认滚动条太亮，统一细一点、低调一点 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--color-border-hi); border-radius: 999px; border: 2px solid var(--color-bg); }

.tabular { font-variant-numeric: tabular-nums; }