:root {

  --surface-base: #02050d;
  --surface-raised: #060f26;
  --surface-sunken: #000000;
  --surface-inset: #000000;

  --radar-ground: #000000;

  --line-hairline: #333d78;
  --line-strong: #5e69a8;

  --led-ground: #000000;

  --text-primary: #ffffff;
  --text-secondary: #c8c8c8;
  --text-muted: #ababab;
  --text-inverse: #06131a;

  --accent: #f4b13c;
  --accent-quiet: #b17e22;
  --accent-contrast: #06131a;

  --state-selected: #4ecdea;
  --state-danger: #ff7466;
  --state-ok: #1c8d5b;
  --state-dirty: #ea8434;

  --state-review: #8b8dff;

  --scrim: rgb(5 7 20 / 0.7);

  --canvas-bg: #12121c;
  --card-bg: #182f39;
  --card-line: #336373;

  --node-default-tint: #001eff;

  --card-fill: color-mix(in srgb, var(--node-default-tint) 16%, var(--card-bg));
  --card-rim-base: color-mix(in srgb, var(--node-default-tint) 55%, var(--card-line));
  --card-line-selected: #4ecdea;
  --card-text: #e7f0f3;
  --edge-stroke: #254955;
  --drop-target: #3fdfb0;
  --markup-ink: #e0563c;

  --markup-amber: #ffc32e;
  --markup-lime: #7ee04a;
  --markup-azure: #3ba7ff;
  --markup-violet: #c07bff;
  --markup-chalk: #ffffff;
  --attach-ink: #8ceeff;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --hairline: 1px;

  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 32px;

  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Mono", ui-monospace, monospace;
  --type-sm: 11px;
  --type-md: 13px;
  --type-lg: 16px;
  --type-xl: 20px;
  --leading-tight: 1.25;
  --leading-normal: 1.45;

  --motion-fast: 90ms;
  --motion-normal: 160ms;
  --motion-ease: cubic-bezier(0.2, 0.6, 0.3, 1);

  --shadow-raised: 0 1px 2px rgb(0 0 0 / 0.55);
  --shadow-float: 0 8px 22px rgb(0 0 0 / 0.6);

  --topbar-height: 40px;
  --dock-height: 27px;

  --dock-inset: 83px;
  --control-height: 26px;
}

.theme-bright {

  --surface-base: #dad8d2;
  --surface-raised: #e9e7e2;
  --surface-sunken: #d1cec7;
  --surface-inset: #c3bfb7;

  --radar-ground: var(--surface-raised);

  --line-hairline: #aca69a;
  --line-strong: #81796a;

  --text-primary: #23201a;
  --text-secondary: #333028;
  --text-muted: #504c44;
  --text-inverse: #f8f6f2;

  --accent: #634809;
  --accent-quiet: #796234;
  --accent-contrast: #f8f6f2;

  --state-selected: #0c5b6e;
  --state-danger: #8c281d;
  --state-ok: #2d764f;
  --state-dirty: #793b0c;
  --state-review: #36449b;

  --scrim: rgb(38 35 28 / 0.5);

  --canvas-bg: #c7c4bc;
  --card-bg: #e9e7e2;
  --card-line: #817156;
  --card-fill: var(--card-bg);
  --card-line-selected: #0c5b6e;
  --card-text: #23201a;
  --edge-stroke: #a39c8f;
  --drop-target: #634809;
  --markup-ink: #8f3a28;
  --attach-ink: #075669;

  --shadow-raised: 0 1px 2px rgb(48 42 30 / 0.22);
  --shadow-float: 0 6px 18px rgb(48 42 30 / 0.3);
}