:root {
  color-scheme: light;
  --cu: #b87333;
  --cu-hi: #d9924f;
  --cu-ink: #8a4f1c;
  --cu-wash: #f4e9df;
  --err: #b42318;
  --focus: #b87333;
  --focus-ring: rgb(184 115 51 / .16);
  --hdr-bg: rgb(246 245 242 / .88);
  --img-filter: none;
  --ink: #121010;
  --ink-2: #3a3633;
  --ink-hover: #000000;
  --line: #e2dfda;
  --line-2: #cfcac3;
  --logo-filter: none;
  --muted: #68625c;
  --night: #0e0c0b;
  --night-2: #191614;
  --night-3: #24201d;
  --night-edge: transparent;
  --night-line: #322d29;
  --night-muted: #a39d96;
  --ok: #24663e;
  --ok-wash: #e4f1e8;
  --on-ink: #ffffff;
  --paper: #f6f5f2;
  --placeholder: #746d67;
  --plan-edge: #cfcac3;
  --plan-wash: #ece9e4;
  --plan-wash-2: #ece9e4;
  --shadow: 18 16 16;
  --soft-head: #68625c;
  --sunk: #eeece8;
  --surface: #ffffff;
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e0c0b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
:root[data-palette="mono"] {
  color-scheme: light;
  --cu: #0a0a0a;
  --cu-hi: #ffffff;
  --cu-ink: #0a0a0a;
  --cu-wash: #ededed;
  --err: #b42318;
  --focus: #0a0a0a;
  --focus-ring: rgb(10 10 10 / .12);
  --hdr-bg: rgb(246 246 246 / .86);
  --img-filter: none;
  --ink: #0a0a0a;
  --ink-2: #262626;
  --ink-hover: #000000;
  --line: #e2e2e2;
  --line-2: #c9c9c9;
  --logo-filter: none;
  --muted: #5c5c5c;
  --night: #0a0a0a;
  --night-2: #141414;
  --night-3: #1f1f1f;
  --night-edge: transparent;
  --night-line: #2e2e2e;
  --night-muted: #a6a6a6;
  --ok: #0a0a0a;
  --ok-wash: #0a0a0a;
  --on-ink: #ffffff;
  --paper: #f6f6f6;
  --placeholder: #6e6e6e;
  --plan-edge: #9a9a9a;
  --plan-wash: #ececec;
  --plan-wash-2: #f8f8f8;
  --shadow: 18 16 16;
  --soft-head: #7a7a7a;
  --sunk: #ececec;
  --surface: #ffffff;
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --cu: #c9844a;
  --cu-hi: #e3a46a;
  --cu-ink: #e6ad78;
  --cu-wash: #352619;
  --err: #ff8a7a;
  --focus: #e3a46a;
  --focus-ring: rgb(227 164 106 / .22);
  --hdr-bg: rgb(20 18 16 / .86);
  --img-filter: brightness(.92);
  --ink: #f2efeb;
  --ink-2: #d8d2cb;
  --ink-hover: #ffffff;
  --line: #2f2a26;
  --line-2: #4a433d;
  --logo-filter: invert(1);
  --muted: #a8a097;
  --night: #0a0908;
  --night-2: #171412;
  --night-3: #221e1b;
  --night-edge: #2c2723;
  --night-line: #342e2a;
  --night-muted: #a8a097;
  --ok: #86d3a4;
  --ok-wash: #16301f;
  --on-ink: #141210;
  --paper: #141210;
  --placeholder: #8f877f;
  --plan-edge: #4a433d;
  --plan-wash: #2a2522;
  --plan-wash-2: #2a2522;
  --shadow: 0 0 0;
  --soft-head: #a8a097;
  --sunk: #191614;
  --surface: #1e1b18;
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e0c0b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
:root[data-theme="dark"][data-palette="mono"] {
  color-scheme: dark;
  --cu: #f4f4f4;
  --cu-hi: #ffffff;
  --cu-ink: #f4f4f4;
  --cu-wash: #262626;
  --err: #ff8a7a;
  --focus: #f4f4f4;
  --focus-ring: rgb(255 255 255 / .16);
  --hdr-bg: rgb(14 14 14 / .86);
  --img-filter: brightness(.9);
  --ink: #f4f4f4;
  --ink-2: #d6d6d6;
  --ink-hover: #ffffff;
  --line: #2a2a2a;
  --line-2: #474747;
  --logo-filter: invert(1);
  --muted: #a3a3a3;
  --night: #050505;
  --night-2: #121212;
  --night-3: #1d1d1d;
  --night-edge: #262626;
  --night-line: #2e2e2e;
  --night-muted: #a6a6a6;
  --ok: #f4f4f4;
  --ok-wash: #f4f4f4;
  --on-ink: #0a0a0a;
  --paper: #0e0e0e;
  --placeholder: #8c8c8c;
  --plan-edge: #5e5e5e;
  --plan-wash: #202020;
  --plan-wash-2: #2a2a2a;
  --shadow: 0 0 0;
  --soft-head: #9a9a9a;
  --sunk: #131313;
  --surface: #181818;
  --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --cu: #c9844a;
    --cu-hi: #e3a46a;
    --cu-ink: #e6ad78;
    --cu-wash: #352619;
    --err: #ff8a7a;
    --focus: #e3a46a;
    --focus-ring: rgb(227 164 106 / .22);
    --hdr-bg: rgb(20 18 16 / .86);
    --img-filter: brightness(.92);
    --ink: #f2efeb;
    --ink-2: #d8d2cb;
    --ink-hover: #ffffff;
    --line: #2f2a26;
    --line-2: #4a433d;
    --logo-filter: invert(1);
    --muted: #a8a097;
    --night: #0a0908;
    --night-2: #171412;
    --night-3: #221e1b;
    --night-edge: #2c2723;
    --night-line: #342e2a;
    --night-muted: #a8a097;
    --ok: #86d3a4;
    --ok-wash: #16301f;
    --on-ink: #141210;
    --paper: #141210;
    --placeholder: #8f877f;
    --plan-edge: #4a433d;
    --plan-wash: #2a2522;
    --plan-wash-2: #2a2522;
    --shadow: 0 0 0;
    --soft-head: #a8a097;
    --sunk: #191614;
    --surface: #1e1b18;
    --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e0c0b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  }
  :root[data-palette="mono"]:not([data-theme="light"]) {
    color-scheme: dark;
    --cu: #f4f4f4;
    --cu-hi: #ffffff;
    --cu-ink: #f4f4f4;
    --cu-wash: #262626;
    --err: #ff8a7a;
    --focus: #f4f4f4;
    --focus-ring: rgb(255 255 255 / .16);
    --hdr-bg: rgb(14 14 14 / .86);
    --img-filter: brightness(.9);
    --ink: #f4f4f4;
    --ink-2: #d6d6d6;
    --ink-hover: #ffffff;
    --line: #2a2a2a;
    --line-2: #474747;
    --logo-filter: invert(1);
    --muted: #a3a3a3;
    --night: #050505;
    --night-2: #121212;
    --night-3: #1d1d1d;
    --night-edge: #262626;
    --night-line: #2e2e2e;
    --night-muted: #a6a6a6;
    --ok: #f4f4f4;
    --ok-wash: #f4f4f4;
    --on-ink: #0a0a0a;
    --paper: #0e0e0e;
    --placeholder: #8c8c8c;
    --plan-edge: #5e5e5e;
    --plan-wash: #202020;
    --plan-wash-2: #2a2a2a;
    --shadow: 0 0 0;
    --soft-head: #9a9a9a;
    --sunk: #131313;
    --surface: #181818;
    --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  }
}