@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary: 16 162 53;
  --primary-hover: 14 140 46;
}

.dark {
  --primary: 16 163 127;
  --primary-hover: 14 140 108;
}

/* Windows dark mode overrides (macOS values are the Tailwind defaults) */
.platform-win.dark {
  --bg-dark: #202020;
  --card-dark: #2d2d2d;
  --border-dark: #3d3d3d;
}

/* ── macOS titlebar integration ────────────────────────────────── */
.platform-mac header {
  -webkit-app-region: drag;
}

.platform-mac header button,
.platform-mac header a,
.platform-mac header input,
.platform-mac header select {
  -webkit-app-region: no-drag;
}

/* Traffic light clearance */
.platform-mac header > div {
  padding-top: 6px;
}

.platform-mac header > div > div {
  padding-left: 72px;
}

/* ── Windows input focus line ──────────────────────────────────── */
.platform-win input:focus,
.platform-win select:focus {
  border-bottom: 2px solid rgb(var(--primary));
}

/* ── Scrollbar styling ─────────────────────────────────────────── */
pre::-webkit-scrollbar { height: 8px; }
pre::-webkit-scrollbar-track { background: #0d1117; }
pre::-webkit-scrollbar-thumb { background: #30363d; border-radius: 4px; }
pre::-webkit-scrollbar-thumb:hover { background: #8b949e; }