/* Generated from design-system/design-system.resolver.json by tools/design. Do not edit: change the token files and run npm run design. */

:root {
  --font-family-reading: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-family-pixel: var(--font-family-reading);
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --type-screen-small: var(--font-weight-regular) 14px/1.5 var(--font-family-reading);
  --type-screen-label: var(--font-weight-bold) 14px/1.3 var(--font-family-reading);
  --type-screen-body: var(--font-weight-regular) 17px/1.5 var(--font-family-reading);
  --type-screen-lead: var(--font-weight-regular) 19px/1.5 var(--font-family-reading);
  --type-screen-h3: var(--font-weight-bold) 19px/1.3 var(--font-family-reading);
  --type-screen-h2: var(--font-weight-bold) 24px/1.3 var(--font-family-reading);
  --type-screen-h1: var(--font-weight-bold) 32px/1.15 var(--font-family-reading);
  --size-print-9: 9;
  --size-print-10: 10;
  --size-print-11: 11;
  --size-print-12: 12;
  --size-print-14: 14;
  --size-print-15: 15;
  --size-print-18: 18;
  --size-print-30: 30;
  --leading-tight: 1;
  --leading-snug: 1.15;
  --leading-text: 1.3;
  --leading-body: 1.5;
  --tracking-label: 0.03;
  --space-screen-4: 4px;
  --space-screen-8: 8px;
  --space-screen-12: 12px;
  --space-screen-16: 16px;
  --space-screen-20: 20px;
  --space-screen-24: 24px;
  --space-screen-32: 32px;
  --space-screen-40: 40px;
  --space-screen-48: 48px;
  --space-screen-64: 64px;
  --space-print-1: 1;
  --space-print-2: 2;
  --space-print-3: 3;
  --space-print-4: 4;
  --space-print-6: 6;
  --space-print-8: 8;
  --space-print-10: 10;
  --space-print-0-5: 0.5;
  --space-print-1-5: 1.5;
  --space-print-2-5: 2.5;
  --border-screen-1: 1px;
  --border-screen-2: 2px;
  --border-screen-4: 4px;
  --border-print-0-3: 0.3;
  --border-print-0-4: 0.4;
  --border-print-0-5: 0.5;
  --border-print-0-8: 0.8;
  --unit-screen: 2px;
  --shadow-sheet: 0px 4px 15px 0px rgb(0 0 0 / 0.25);
  --motion-slide: 300ms;
  --motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --color-ramp-soot-1: #000000;
  --color-ramp-soot-2: #050404;
  --color-ramp-soot-3: #1e1d1d;
  --color-ramp-soot-4: #393838;
  --color-ramp-soot-5: #515050;
  --color-ramp-shadow-1: #000000;
  --color-ramp-shadow-2: #000000;
  --color-ramp-shadow-3: #000000;
  --color-ramp-shadow-4: #040404;
  --color-ramp-shadow-5: #161616;
  --color-ramp-charcoal-1: #0a0a0a;
  --color-ramp-charcoal-2: #252525;
  --color-ramp-charcoal-3: #434344;
  --color-ramp-charcoal-4: #616162;
  --color-ramp-charcoal-5: #7b7b7c;
  --color-ramp-iron-1: #474a4f;
  --color-ramp-iron-2: #686c71;
  --color-ramp-iron-3: #8b8f95;
  --color-ramp-iron-4: #adb1b6;
  --color-ramp-iron-5: #cacdd2;
  --color-ramp-stone-1: #646c7c;
  --color-ramp-stone-2: #8690a1;
  --color-ramp-stone-3: #a8b6c8;
  --color-ramp-stone-4: #cbdae9;
  --color-ramp-stone-5: #e9f8ff;
  --color-ramp-foam-1: #93a09f;
  --color-ramp-foam-2: #b8c6c5;
  --color-ramp-foam-3: #deedec;
  --color-ramp-foam-4: #eefcfb;
  --color-ramp-foam-5: #f0fbfa;
  --color-ramp-water-1: #0f266a;
  --color-ramp-water-2: #2d4793;
  --color-ramp-water-3: #5567bd;
  --color-ramp-water-4: #6d8dda;
  --color-ramp-water-5: #86acec;
  --color-ramp-sky-1: #1a5f96;
  --color-ramp-sky-2: #2f85bd;
  --color-ramp-sky-3: #46ade4;
  --color-ramp-sky-4: #70d2fe;
  --color-ramp-sky-5: #9bf0ff;
  --color-ramp-forest-1: #000900;
  --color-ramp-forest-2: #002708;
  --color-ramp-forest-3: #00461d;
  --color-ramp-forest-4: #376338;
  --color-ramp-forest-5: #5b7a52;
  --color-ramp-grass-1: #004f04;
  --color-ramp-grass-2: #127217;
  --color-ramp-grass-3: #4d952a;
  --color-ramp-grass-4: #81b44f;
  --color-ramp-grass-5: #accc75;
  --color-ramp-sand-1: #875c04;
  --color-ramp-sand-2: #aa812d;
  --color-ramp-sand-3: #cca94e;
  --color-ramp-sand-4: #f0cb7e;
  --color-ramp-sand-5: #ffeaaa;
  --color-ramp-earth-1: #442e20;
  --color-ramp-earth-2: #654e3c;
  --color-ramp-earth-3: #88715a;
  --color-ramp-earth-4: #a6937c;
  --color-ramp-earth-5: #beb09b;
  --color-ramp-red-1: #940025;
  --color-ramp-red-2: #c22b34;
  --color-ramp-red-3: #f15342;
  --color-ramp-red-4: #ff835f;
  --color-ramp-red-5: #ffad81;
  --color-ramp-plum-1: #220031;
  --color-ramp-plum-2: #48004f;
  --color-ramp-plum-3: #72166d;
  --color-ramp-plum-4: #953f83;
  --color-ramp-plum-5: #af6092;
  --color-ramp-violet-1: #6436a8;
  --color-ramp-violet-2: #9055ce;
  --color-ramp-violet-3: #c074f4;
  --color-ramp-violet-4: #d7a0ff;
  --color-ramp-violet-5: #e7c6ff;
  --color-ramp-linen-1: #79705e;
  --color-ramp-linen-2: #9c957f;
  --color-ramp-linen-3: #c0bba3;
  --color-ramp-linen-4: #e5dec8;
  --color-ramp-linen-5: #fff8e6;
  --color-page: var(--color-ramp-linen-5);
  --color-desk: var(--color-ramp-linen-4);
  --color-surface: #ffffff;
  --color-ink: var(--color-ramp-earth-1);
  --color-ink-muted: var(--color-ramp-earth-2);
  --color-rule: var(--color-ramp-linen-3);
  --color-line: var(--color-ramp-earth-3);
  --color-link: var(--color-ramp-sky-1);
  --color-badge: var(--color-link);
  --color-on-badge: #ffffff;
  --color-focus: var(--color-ink);
  --color-action: var(--color-ramp-water-2);
  --color-on-action: var(--color-ramp-linen-5);
  --color-ask-surface: #fff4dc;
  --color-ask-ink: var(--color-ramp-sand-1);
  --color-say-surface: #eef4fb;
  --color-say-ink: var(--color-ramp-sky-1);
  --color-end-surface: #edf6ed;
  --color-end-ink: var(--color-ramp-forest-4);
  --color-head: var(--color-say-surface);
  --color-sheet: #ffffff;
  --color-sheet-ink: var(--color-ramp-earth-1);
  --color-sheet-ink-muted: var(--color-ramp-earth-2);
  --color-cut-line: var(--color-ramp-earth-3);
  --color-on-ribbon: var(--color-ramp-linen-5);
  --color-rubric: var(--color-ramp-red-1);
  --color-on-rubric: var(--color-ramp-linen-5);
  --color-row-line: var(--color-ramp-foam-2);
  --color-band: var(--color-kind-stone-tint);
  --color-marker: #000000;
  --color-kind-water-tint: #e9effb;
  --color-kind-water-mark: var(--color-ramp-water-2);
  --color-kind-stone-tint: #f2eded;
  --color-kind-stone-mark: var(--color-ramp-soot-5);
  --color-kind-wood-tint: #e6f2e6;
  --color-kind-wood-mark: var(--color-ramp-forest-4);
  --color-kind-wind-tint: #f3f5f8;
  --color-kind-wind-mark: var(--color-ramp-stone-1);
  --color-kind-action-tint: #ffebb9;
  --color-kind-action-mark: var(--color-ramp-sand-1);
  --color-kind-thing-tint: #e3f3f1;
  --color-kind-thing-mark: #1f6660;
  --color-kind-plain-tint: var(--color-sheet);
  --color-kind-plain-mark: var(--color-sheet-ink-muted);
  --color-kind-junk-tint: #f4eae3;
  --color-kind-junk-mark: var(--color-ramp-earth-2);
  --color-kind-special-tint: #efebfa;
  --color-kind-special-mark: var(--color-ramp-violet-1);
  --color-kind-item-tint: #fff1dd;
  --color-kind-item-mark: var(--color-kind-action-mark);
  --color-kind-foe-tint: #fbeaea;
  --color-kind-foe-mark: var(--color-ramp-red-1);
  --color-kind-spirit-tint: #fbeef7;
  --color-kind-spirit-mark: var(--color-ramp-plum-4);
  --color-kind-stop-tint: var(--color-kind-foe-tint);
  --color-kind-stop-mark: var(--color-kind-foe-mark);
  --color-kind-pause-tint: var(--color-kind-action-tint);
  --color-kind-pause-mark: var(--color-kind-action-mark);
  --color-kind-ground-tint: var(--color-kind-junk-tint);
  --color-kind-ground-mark: var(--color-kind-junk-mark);
  --color-kind-locked-tint: var(--color-kind-stone-tint);
  --color-kind-locked-mark: var(--color-kind-stone-mark);
  --color-frame-outline: var(--color-ramp-earth-1);
  --color-frame-light: var(--color-ramp-earth-4);
  --color-frame-wood: var(--color-ramp-earth-3);
  --color-frame-shade: var(--color-ramp-earth-2);
  --color-frame-stud: var(--color-ramp-sand-3);
  --color-frame-stud-light: var(--color-ramp-sand-5);
  --color-frame-stud-shade: var(--color-ramp-sand-1);
  --color-frame-panel: var(--color-ramp-linen-5);
  --color-frame-lip: var(--color-ramp-linen-4);
  --color-frame-ink: var(--color-ramp-earth-1);
  --color-frame-muted: var(--color-ramp-earth-2);
  --color-frame-plate: var(--color-ramp-earth-3);
  --color-frame-on-plate: var(--color-ramp-linen-5);
  --color-frame-slot: var(--color-ramp-linen-4);
  --color-frame-slot-line: var(--color-ramp-linen-3);
  --color-frame-focus: var(--color-ramp-earth-1);
  --color-frame-focus-halo: var(--color-ramp-sand-4);
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-ramp-soot-1: #000000;
    --color-ramp-soot-2: #050404;
    --color-ramp-soot-3: #1e1d1d;
    --color-ramp-soot-4: #393838;
    --color-ramp-soot-5: #515050;
    --color-ramp-shadow-1: #000000;
    --color-ramp-shadow-2: #000000;
    --color-ramp-shadow-3: #000000;
    --color-ramp-shadow-4: #040404;
    --color-ramp-shadow-5: #161616;
    --color-ramp-charcoal-1: #0a0a0a;
    --color-ramp-charcoal-2: #252525;
    --color-ramp-charcoal-3: #434344;
    --color-ramp-charcoal-4: #616162;
    --color-ramp-charcoal-5: #7b7b7c;
    --color-ramp-iron-1: #474a4f;
    --color-ramp-iron-2: #686c71;
    --color-ramp-iron-3: #8b8f95;
    --color-ramp-iron-4: #adb1b6;
    --color-ramp-iron-5: #cacdd2;
    --color-ramp-stone-1: #646c7c;
    --color-ramp-stone-2: #8690a1;
    --color-ramp-stone-3: #a8b6c8;
    --color-ramp-stone-4: #cbdae9;
    --color-ramp-stone-5: #e9f8ff;
    --color-ramp-foam-1: #93a09f;
    --color-ramp-foam-2: #b8c6c5;
    --color-ramp-foam-3: #deedec;
    --color-ramp-foam-4: #eefcfb;
    --color-ramp-foam-5: #f0fbfa;
    --color-ramp-water-1: #0f266a;
    --color-ramp-water-2: #2d4793;
    --color-ramp-water-3: #5567bd;
    --color-ramp-water-4: #6d8dda;
    --color-ramp-water-5: #86acec;
    --color-ramp-sky-1: #1a5f96;
    --color-ramp-sky-2: #2f85bd;
    --color-ramp-sky-3: #46ade4;
    --color-ramp-sky-4: #70d2fe;
    --color-ramp-sky-5: #9bf0ff;
    --color-ramp-forest-1: #000900;
    --color-ramp-forest-2: #002708;
    --color-ramp-forest-3: #00461d;
    --color-ramp-forest-4: #376338;
    --color-ramp-forest-5: #5b7a52;
    --color-ramp-grass-1: #004f04;
    --color-ramp-grass-2: #127217;
    --color-ramp-grass-3: #4d952a;
    --color-ramp-grass-4: #81b44f;
    --color-ramp-grass-5: #accc75;
    --color-ramp-sand-1: #875c04;
    --color-ramp-sand-2: #aa812d;
    --color-ramp-sand-3: #cca94e;
    --color-ramp-sand-4: #f0cb7e;
    --color-ramp-sand-5: #ffeaaa;
    --color-ramp-earth-1: #442e20;
    --color-ramp-earth-2: #654e3c;
    --color-ramp-earth-3: #88715a;
    --color-ramp-earth-4: #a6937c;
    --color-ramp-earth-5: #beb09b;
    --color-ramp-red-1: #940025;
    --color-ramp-red-2: #c22b34;
    --color-ramp-red-3: #f15342;
    --color-ramp-red-4: #ff835f;
    --color-ramp-red-5: #ffad81;
    --color-ramp-plum-1: #220031;
    --color-ramp-plum-2: #48004f;
    --color-ramp-plum-3: #72166d;
    --color-ramp-plum-4: #953f83;
    --color-ramp-plum-5: #af6092;
    --color-ramp-violet-1: #6436a8;
    --color-ramp-violet-2: #9055ce;
    --color-ramp-violet-3: #c074f4;
    --color-ramp-violet-4: #d7a0ff;
    --color-ramp-violet-5: #e7c6ff;
    --color-ramp-linen-1: #79705e;
    --color-ramp-linen-2: #9c957f;
    --color-ramp-linen-3: #c0bba3;
    --color-ramp-linen-4: #e5dec8;
    --color-ramp-linen-5: #fff8e6;
    --color-page: var(--color-ramp-shadow-5);
    --color-desk: var(--color-ramp-shadow-5);
    --color-surface: var(--color-ramp-soot-3);
    --color-ink: var(--color-ramp-foam-3);
    --color-ink-muted: var(--color-ramp-foam-2);
    --color-rule: var(--color-ramp-charcoal-2);
    --color-line: var(--color-ramp-iron-3);
    --color-link: var(--color-ramp-stone-3);
    --color-badge: var(--color-link);
    --color-on-badge: #10233a;
    --color-focus: var(--color-ink);
    --color-action: var(--color-ramp-water-4);
    --color-on-action: var(--color-ramp-soot-3);
    --color-ask-surface: #2b220f;
    --color-ask-ink: var(--color-ramp-sand-4);
    --color-say-surface: #182536;
    --color-say-ink: var(--color-ramp-stone-3);
    --color-end-surface: #1f2515;
    --color-end-ink: var(--color-ramp-grass-5);
    --color-head: var(--color-say-surface);
    --color-sheet: #ffffff;
    --color-sheet-ink: var(--color-ramp-earth-1);
    --color-sheet-ink-muted: var(--color-ramp-earth-2);
    --color-cut-line: var(--color-ramp-earth-3);
    --color-on-ribbon: var(--color-ramp-linen-5);
    --color-rubric: var(--color-ramp-red-1);
    --color-on-rubric: var(--color-ramp-linen-5);
    --color-row-line: var(--color-ramp-foam-2);
    --color-band: var(--color-kind-stone-tint);
    --color-marker: #000000;
    --color-kind-water-tint: #e9effb;
    --color-kind-water-mark: var(--color-ramp-water-2);
    --color-kind-stone-tint: #f2eded;
    --color-kind-stone-mark: var(--color-ramp-soot-5);
    --color-kind-wood-tint: #e6f2e6;
    --color-kind-wood-mark: var(--color-ramp-forest-4);
    --color-kind-wind-tint: #f3f5f8;
    --color-kind-wind-mark: var(--color-ramp-stone-1);
    --color-kind-action-tint: #ffebb9;
    --color-kind-action-mark: var(--color-ramp-sand-1);
    --color-kind-thing-tint: #e3f3f1;
    --color-kind-thing-mark: #1f6660;
    --color-kind-plain-tint: var(--color-sheet);
    --color-kind-plain-mark: var(--color-sheet-ink-muted);
    --color-kind-junk-tint: #f4eae3;
    --color-kind-junk-mark: var(--color-ramp-earth-2);
    --color-kind-special-tint: #efebfa;
    --color-kind-special-mark: var(--color-ramp-violet-1);
    --color-kind-item-tint: #fff1dd;
    --color-kind-item-mark: var(--color-kind-action-mark);
    --color-kind-foe-tint: #fbeaea;
    --color-kind-foe-mark: var(--color-ramp-red-1);
    --color-kind-spirit-tint: #fbeef7;
    --color-kind-spirit-mark: var(--color-ramp-plum-4);
    --color-kind-stop-tint: var(--color-kind-foe-tint);
    --color-kind-stop-mark: var(--color-kind-foe-mark);
    --color-kind-pause-tint: var(--color-kind-action-tint);
    --color-kind-pause-mark: var(--color-kind-action-mark);
    --color-kind-ground-tint: var(--color-kind-junk-tint);
    --color-kind-ground-mark: var(--color-kind-junk-mark);
    --color-kind-locked-tint: var(--color-kind-stone-tint);
    --color-kind-locked-mark: var(--color-kind-stone-mark);
    --color-frame-outline: var(--color-ramp-earth-1);
    --color-frame-light: var(--color-ramp-earth-4);
    --color-frame-wood: var(--color-ramp-earth-3);
    --color-frame-shade: var(--color-ramp-earth-2);
    --color-frame-stud: var(--color-ramp-sand-3);
    --color-frame-stud-light: var(--color-ramp-sand-5);
    --color-frame-stud-shade: var(--color-ramp-sand-1);
    --color-frame-panel: var(--color-ramp-linen-5);
    --color-frame-lip: var(--color-ramp-linen-4);
    --color-frame-ink: var(--color-ramp-earth-1);
    --color-frame-muted: var(--color-ramp-earth-2);
    --color-frame-plate: var(--color-ramp-earth-3);
    --color-frame-on-plate: var(--color-ramp-linen-5);
    --color-frame-slot: var(--color-ramp-linen-4);
    --color-frame-slot-line: var(--color-ramp-linen-3);
    --color-frame-focus: var(--color-ramp-earth-1);
    --color-frame-focus-halo: var(--color-ramp-sand-4);
  }
}

@media screen {
  :root[data-theme="dark"] {
    --color-ramp-soot-1: #000000;
    --color-ramp-soot-2: #050404;
    --color-ramp-soot-3: #1e1d1d;
    --color-ramp-soot-4: #393838;
    --color-ramp-soot-5: #515050;
    --color-ramp-shadow-1: #000000;
    --color-ramp-shadow-2: #000000;
    --color-ramp-shadow-3: #000000;
    --color-ramp-shadow-4: #040404;
    --color-ramp-shadow-5: #161616;
    --color-ramp-charcoal-1: #0a0a0a;
    --color-ramp-charcoal-2: #252525;
    --color-ramp-charcoal-3: #434344;
    --color-ramp-charcoal-4: #616162;
    --color-ramp-charcoal-5: #7b7b7c;
    --color-ramp-iron-1: #474a4f;
    --color-ramp-iron-2: #686c71;
    --color-ramp-iron-3: #8b8f95;
    --color-ramp-iron-4: #adb1b6;
    --color-ramp-iron-5: #cacdd2;
    --color-ramp-stone-1: #646c7c;
    --color-ramp-stone-2: #8690a1;
    --color-ramp-stone-3: #a8b6c8;
    --color-ramp-stone-4: #cbdae9;
    --color-ramp-stone-5: #e9f8ff;
    --color-ramp-foam-1: #93a09f;
    --color-ramp-foam-2: #b8c6c5;
    --color-ramp-foam-3: #deedec;
    --color-ramp-foam-4: #eefcfb;
    --color-ramp-foam-5: #f0fbfa;
    --color-ramp-water-1: #0f266a;
    --color-ramp-water-2: #2d4793;
    --color-ramp-water-3: #5567bd;
    --color-ramp-water-4: #6d8dda;
    --color-ramp-water-5: #86acec;
    --color-ramp-sky-1: #1a5f96;
    --color-ramp-sky-2: #2f85bd;
    --color-ramp-sky-3: #46ade4;
    --color-ramp-sky-4: #70d2fe;
    --color-ramp-sky-5: #9bf0ff;
    --color-ramp-forest-1: #000900;
    --color-ramp-forest-2: #002708;
    --color-ramp-forest-3: #00461d;
    --color-ramp-forest-4: #376338;
    --color-ramp-forest-5: #5b7a52;
    --color-ramp-grass-1: #004f04;
    --color-ramp-grass-2: #127217;
    --color-ramp-grass-3: #4d952a;
    --color-ramp-grass-4: #81b44f;
    --color-ramp-grass-5: #accc75;
    --color-ramp-sand-1: #875c04;
    --color-ramp-sand-2: #aa812d;
    --color-ramp-sand-3: #cca94e;
    --color-ramp-sand-4: #f0cb7e;
    --color-ramp-sand-5: #ffeaaa;
    --color-ramp-earth-1: #442e20;
    --color-ramp-earth-2: #654e3c;
    --color-ramp-earth-3: #88715a;
    --color-ramp-earth-4: #a6937c;
    --color-ramp-earth-5: #beb09b;
    --color-ramp-red-1: #940025;
    --color-ramp-red-2: #c22b34;
    --color-ramp-red-3: #f15342;
    --color-ramp-red-4: #ff835f;
    --color-ramp-red-5: #ffad81;
    --color-ramp-plum-1: #220031;
    --color-ramp-plum-2: #48004f;
    --color-ramp-plum-3: #72166d;
    --color-ramp-plum-4: #953f83;
    --color-ramp-plum-5: #af6092;
    --color-ramp-violet-1: #6436a8;
    --color-ramp-violet-2: #9055ce;
    --color-ramp-violet-3: #c074f4;
    --color-ramp-violet-4: #d7a0ff;
    --color-ramp-violet-5: #e7c6ff;
    --color-ramp-linen-1: #79705e;
    --color-ramp-linen-2: #9c957f;
    --color-ramp-linen-3: #c0bba3;
    --color-ramp-linen-4: #e5dec8;
    --color-ramp-linen-5: #fff8e6;
    --color-page: var(--color-ramp-shadow-5);
    --color-desk: var(--color-ramp-shadow-5);
    --color-surface: var(--color-ramp-soot-3);
    --color-ink: var(--color-ramp-foam-3);
    --color-ink-muted: var(--color-ramp-foam-2);
    --color-rule: var(--color-ramp-charcoal-2);
    --color-line: var(--color-ramp-iron-3);
    --color-link: var(--color-ramp-stone-3);
    --color-badge: var(--color-link);
    --color-on-badge: #10233a;
    --color-focus: var(--color-ink);
    --color-action: var(--color-ramp-water-4);
    --color-on-action: var(--color-ramp-soot-3);
    --color-ask-surface: #2b220f;
    --color-ask-ink: var(--color-ramp-sand-4);
    --color-say-surface: #182536;
    --color-say-ink: var(--color-ramp-stone-3);
    --color-end-surface: #1f2515;
    --color-end-ink: var(--color-ramp-grass-5);
    --color-head: var(--color-say-surface);
    --color-sheet: #ffffff;
    --color-sheet-ink: var(--color-ramp-earth-1);
    --color-sheet-ink-muted: var(--color-ramp-earth-2);
    --color-cut-line: var(--color-ramp-earth-3);
    --color-on-ribbon: var(--color-ramp-linen-5);
    --color-rubric: var(--color-ramp-red-1);
    --color-on-rubric: var(--color-ramp-linen-5);
    --color-row-line: var(--color-ramp-foam-2);
    --color-band: var(--color-kind-stone-tint);
    --color-marker: #000000;
    --color-kind-water-tint: #e9effb;
    --color-kind-water-mark: var(--color-ramp-water-2);
    --color-kind-stone-tint: #f2eded;
    --color-kind-stone-mark: var(--color-ramp-soot-5);
    --color-kind-wood-tint: #e6f2e6;
    --color-kind-wood-mark: var(--color-ramp-forest-4);
    --color-kind-wind-tint: #f3f5f8;
    --color-kind-wind-mark: var(--color-ramp-stone-1);
    --color-kind-action-tint: #ffebb9;
    --color-kind-action-mark: var(--color-ramp-sand-1);
    --color-kind-thing-tint: #e3f3f1;
    --color-kind-thing-mark: #1f6660;
    --color-kind-plain-tint: var(--color-sheet);
    --color-kind-plain-mark: var(--color-sheet-ink-muted);
    --color-kind-junk-tint: #f4eae3;
    --color-kind-junk-mark: var(--color-ramp-earth-2);
    --color-kind-special-tint: #efebfa;
    --color-kind-special-mark: var(--color-ramp-violet-1);
    --color-kind-item-tint: #fff1dd;
    --color-kind-item-mark: var(--color-kind-action-mark);
    --color-kind-foe-tint: #fbeaea;
    --color-kind-foe-mark: var(--color-ramp-red-1);
    --color-kind-spirit-tint: #fbeef7;
    --color-kind-spirit-mark: var(--color-ramp-plum-4);
    --color-kind-stop-tint: var(--color-kind-foe-tint);
    --color-kind-stop-mark: var(--color-kind-foe-mark);
    --color-kind-pause-tint: var(--color-kind-action-tint);
    --color-kind-pause-mark: var(--color-kind-action-mark);
    --color-kind-ground-tint: var(--color-kind-junk-tint);
    --color-kind-ground-mark: var(--color-kind-junk-mark);
    --color-kind-locked-tint: var(--color-kind-stone-tint);
    --color-kind-locked-mark: var(--color-kind-stone-mark);
    --color-frame-outline: var(--color-ramp-earth-1);
    --color-frame-light: var(--color-ramp-earth-4);
    --color-frame-wood: var(--color-ramp-earth-3);
    --color-frame-shade: var(--color-ramp-earth-2);
    --color-frame-stud: var(--color-ramp-sand-3);
    --color-frame-stud-light: var(--color-ramp-sand-5);
    --color-frame-stud-shade: var(--color-ramp-sand-1);
    --color-frame-panel: var(--color-ramp-linen-5);
    --color-frame-lip: var(--color-ramp-linen-4);
    --color-frame-ink: var(--color-ramp-earth-1);
    --color-frame-muted: var(--color-ramp-earth-2);
    --color-frame-plate: var(--color-ramp-earth-3);
    --color-frame-on-plate: var(--color-ramp-linen-5);
    --color-frame-slot: var(--color-ramp-linen-4);
    --color-frame-slot-line: var(--color-ramp-linen-3);
    --color-frame-focus: var(--color-ramp-earth-1);
    --color-frame-focus-halo: var(--color-ramp-sand-4);
  }
}