/*
 * Brand tokens: the only place colors, type and spacing are defined.
 * The app (ui/app.css) and the landing page (landing.html) both load this file,
 * so a rebrand is this file plus brand.json.
 */
:root {
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 40px;
  --r: 10px; --r-sm: 6px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --bar: 56px; --tabbar: 60px;

  --bg: #fbf6f5; --surface: #ffffff; --raised: #fdfaf9; --line: #ecdedb; --line-strong: #d9c5c1;
  --text: #1f1716; --text-2: #55474a; --text-3: #76686a;
  --accent: #d33426; --accent-ink: #ffffff; --accent-soft: #fdecea;
  --ok: #0b6b57; --ok-soft: #dcefe8;
  --warn: #8a5a00; --warn-soft: #f8ead0;
  --bad: #a3321f; --bad-soft: #f9dfd9;
  --idle: #5c5254; --idle-soft: #efe8e7;
  --info: #1f5f99; --info-soft: #dbe9f6;
  --shadow: 0 1px 2px rgba(40, 20, 18, .06), 0 4px 14px -6px rgba(40, 20, 18, .12);
  --focus: #d33426;
  /* the coral scale of the brand, light to strong */
  --tuna-1: #fff0ee; --tuna-2: #f6d3d0; --tuna-3: #ee9f9b; --tuna-4: #e26d68; --tuna-5: #f44336;
  --footer-bg: #1f1211; --footer-text: #d9c9c6; --footer-title: #ffffff;
}
:root[data-theme="dark"] {
  --bg: #141010; --surface: #1d1717; --raised: #231c1c; --line: #342a2a; --line-strong: #473a3a;
  --text: #f3eceb; --text-2: #c4b8b8; --text-3: #9a8d8e;
  --accent: #ff6b5e; --accent-ink: #2a0a07; --accent-soft: #3d1815;
  --ok: #55d6b5; --ok-soft: #123a30;
  --warn: #f0b95a; --warn-soft: #3a2c10;
  --bad: #ff8f7a; --bad-soft: #43201a;
  --idle: #aa9fa0; --idle-soft: #2b2323;
  --info: #7db9f0; --info-soft: #152c43;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -10px rgba(0, 0, 0, .6);
  --focus: #ff6b5e;
  --tuna-1: #2b1917; --tuna-2: #3a211f; --tuna-3: #55302d; --tuna-4: #7d3d38; --tuna-5: #ff6b5e;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #141010; --surface: #1d1717; --raised: #231c1c; --line: #342a2a; --line-strong: #473a3a;
    --text: #f3eceb; --text-2: #c4b8b8; --text-3: #9a8d8e;
    --accent: #ff6b5e; --accent-ink: #2a0a07; --accent-soft: #3d1815;
    --ok: #55d6b5; --ok-soft: #123a30; --warn: #f0b95a; --warn-soft: #3a2c10;
    --bad: #ff8f7a; --bad-soft: #43201a; --idle: #aa9fa0; --idle-soft: #2b2323;
    --info: #7db9f0; --info-soft: #152c43; --focus: #ff6b5e;
    --tuna-1: #2b1917; --tuna-2: #3a211f; --tuna-3: #55302d; --tuna-4: #7d3d38; --tuna-5: #ff6b5e;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -10px rgba(0, 0, 0, .6);
  }
}