/* BMacOS skin — exact tokens. Crop / measurement marks are gone.
   Layout lives in public/index.html. Hand this file to Design. */

:root,
html[data-theme="light"] {
  --accent: #5980a6;
  --accent-2: color-mix(in srgb, var(--accent) 70%, #ffffff);
  --accent-800: color-mix(in srgb, var(--accent) 62%, #000000);
  --accent-ink: #ffffff;
  --bg: #f2f2f3;
  --surface: #e9e9ea;
  --card: #ffffff;
  --ink: #1d1f20;
  --muted: #5c6368;
  --line: color-mix(in srgb, #1d1f20 16%, transparent);
  --mark: #8a6318;
  --truth-red: #a5453f;
  --side: #f4f8f4;
  --neutral-600: #7a7a7d;
  --neutral-700: #5d5d60;
  --green: #1b5a38;
  --green-bg: #d7efe3;
  --bar-ok: #d7efe3;
  --bar-ok-ink: #1b5a38;
  --amber: #7a4e0f;
  --amber-bg: #f8e7c4;
  --red: #8a1d1d;
  --red-bg: #f8d6d6;
  --cool: #e8eef2;
  --heading: "Barlow Condensed", system-ui, sans-serif;
  --body: "Barlow", system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 4px;
  --rail: 224px;
  --wall: minmax(260px, 29.4vw);
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #141516;
  --surface: #1c1e1f;
  --card: #1a1c1d;
  --ink: #eef0f1;
  --muted: #b9bec2;
  --line: #2b2b2d;
  --cool: #1c2633;
  --side: #1c1e1f;
  --green-bg: #163224;
  --green: #b6e4cb;
  --bar-ok: #3d5a4c;
  --bar-ok-ink: #d2eedd;
  --amber-bg: #3a2c14;
  --amber: #f0c27a;
  --red-bg: #3a1818;
  --red: #f0b0b0;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --bg: #141516;
    --surface: #1c1e1f;
    --card: #1a1c1d;
    --ink: #eef0f1;
    --muted: #b9bec2;
    --line: #2b2b2d;
    --cool: #1c2633;
    --side: #1c1e1f;
    --green-bg: #163224;
    --green: #b6e4cb;
    --bar-ok: #3d5a4c;
    --bar-ok-ink: #d2eedd;
    --amber-bg: #3a2c14;
    --amber: #f0c27a;
    --red-bg: #3a1818;
    --red: #f0b0b0;
    color-scheme: dark;
  }
}