/* Kangaroo Desk — design tokens */
:root,
[data-theme="light"] {
  --bg: #f3f5f7;
  --surface: #ffffff;
  --surface-2: #e8eef3;
  --text: #14212b;
  --text-muted: #5b6b78;
  --accent: #0f7a5a;
  --accent-contrast: #ffffff;
  --danger: #b42318;
  --border: #d5dee6;
  --brand-badge: #0b4f6c;
  --queue: #c45c26;
  --shadow: 0 1px 2px rgba(20, 33, 43, 0.08);
  --font: "Segoe UI", "Trebuchet MS", sans-serif;
  --mono: "Cascadia Mono", "Consolas", monospace;
}

[data-theme="dark"] {
  --bg: #0f1418;
  --surface: #171e24;
  --surface-2: #212b34;
  --text: #e8eef3;
  --text-muted: #9aabba;
  --accent: #3cb371;
  --accent-contrast: #0b1a14;
  --danger: #f97066;
  --border: #2b3844;
  --brand-badge: #5eb1d4;
  --queue: #e89a5c;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  height: 100%;
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
}
button, input, textarea, select {
  font: inherit;
}
a { color: var(--accent); }