@import "tailwindcss";

:root {
  --bg: #c8cad0;
  --bg2: #d5d7dc;
  --card: #dddfe4;
  --brd: #b0b3bb;
  --txt: #1a1d2e;
  --txt2: #4a4e62;
  --accent: #e65100;
  --accent2: #f57c00;
  --red: #dc2626;
  --green: #16a34a;
  --yellow: #ca8a04;
  --blue: #2563eb;
}

[data-theme="dark"] {
  --bg: #0f1117;
  --bg2: #181a24;
  --card: #1e2030;
  --brd: #2e3148;
  --txt: #e4e6ed;
  --txt2: #9196ab;
  --accent: #f97316;
  --accent2: #fb923c;
  --red: #ef4444;
  --green: #22c55e;
  --yellow: #eab308;
  --blue: #3b82f6;
}

@theme inline {
  --color-bg: var(--bg);
  --color-bg2: var(--bg2);
  --color-card: var(--card);
  --color-brd: var(--brd);
  --color-txt: var(--txt);
  --color-txt2: var(--txt2);
  --color-accent: var(--accent);
  --color-accent2: var(--accent2);
  --color-red: var(--red);
  --color-green: var(--green);
  --color-yellow: var(--yellow);
  --color-blue: var(--blue);
}

body {
  background: var(--bg);
  color: var(--txt);
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--brd); border-radius: 3px; }