/* Shaddock Custom Alt tokens. Generated from tokens.json. */
:root, [data-theme="light"] {
  --cream: #F2F0EE;
  --stone: #D9D0C4;
  --midnight: #28333D;
  --spruce: #3B4C59;
  --sky: #B9CBD5;
  --sage: #8D9884;
  --brick: #93573F;
  --gold: #85754E;
  --bg-chrome: #EAE6E1;
  --bg-panel: var(--cream);
  --bg-raised: #F8F7F6;
  --bg-hover: rgba(40,51,61,0.045);
  --bg-selected: rgba(40,51,61,0.08);
  --bg-group: rgba(217,208,196,0.35);
  --text-1: var(--midnight);
  --text-2: #3F4A54;
  --text-3: #56636E;
  --text-4: #848A8F;
  --border-1: rgba(40,51,61,0.08);
  --border-2: rgba(40,51,61,0.14);
  --border-control: #7D8388;
  --accent: var(--spruce);
  --on-accent: var(--cream);
  --accent-tint: rgba(59,76,89,0.10);
  --status-backlog: #848A8F;
  --status-progress: var(--spruce);
  --status-ok: #55614B;
  --status-attention: var(--brick);
  --status-decision: #5F7C8E;
  --status-noted: #A3968A;
  --series-braewood: var(--brick);
  --series-ashland: var(--sage);
  --series-hampshire: var(--spruce);
  --series-palermo: var(--sky);
  --shadow-float: 0px 4px 24px rgba(40,51,61,0.12), 0px 0px 0px 1px rgba(40,51,61,0.08);
}
[data-theme="dark"] {
  --bg-chrome: #202931;
  --bg-panel: var(--midnight);
  --bg-raised: #333E48;
  --bg-hover: rgba(242,240,238,0.05);
  --bg-selected: rgba(242,240,238,0.09);
  --bg-group: rgba(0,0,0,0.14);
  --text-1: var(--cream);
  --text-2: #D6D9DB;
  --text-3: #AEB7BE;
  --text-4: #7F8A93;
  --border-1: rgba(242,240,238,0.07);
  --border-2: rgba(242,240,238,0.12);
  --border-control: #858A8E;
  --accent: var(--sky);
  --on-accent: var(--midnight);
  --accent-tint: rgba(185,203,213,0.14);
  --status-backlog: #7F8A93;
  --status-progress: var(--sky);
  --status-ok: #B3BFA7;
  --status-attention: #D8A38B;
  --status-decision: var(--sky);
  --status-noted: #A3968A;
  --series-braewood: #D8A38B;
  --series-ashland: var(--sage);
  --series-hampshire: #8FA6B5;
  --series-palermo: var(--sky);
  --shadow-float: 0px 7px 32px rgba(0,0,0,0.35), 0px 0px 0px 1px rgba(242,240,238,0.08);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-chrome: #202931;
    --bg-panel: var(--midnight);
    --bg-raised: #333E48;
    --bg-hover: rgba(242,240,238,0.05);
    --bg-selected: rgba(242,240,238,0.09);
    --bg-group: rgba(0,0,0,0.14);
    --text-1: var(--cream);
    --text-2: #D6D9DB;
    --text-3: #AEB7BE;
    --text-4: #7F8A93;
    --border-1: rgba(242,240,238,0.07);
    --border-2: rgba(242,240,238,0.12);
    --border-control: #858A8E;
    --accent: var(--sky);
    --on-accent: var(--midnight);
    --accent-tint: rgba(185,203,213,0.14);
    --status-backlog: #7F8A93;
    --status-progress: var(--sky);
    --status-ok: #B3BFA7;
    --status-attention: #D8A38B;
    --status-decision: var(--sky);
    --status-noted: #A3968A;
    --series-braewood: #D8A38B;
    --series-ashland: var(--sage);
    --series-hampshire: #8FA6B5;
    --series-palermo: var(--sky);
    --shadow-float: 0px 7px 32px rgba(0,0,0,0.35), 0px 0px 0px 1px rgba(242,240,238,0.08);
    color-scheme: dark;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-circle: 50%;
  --sidebar: 232px;
  --header: 44px;
  --row: 36px;
  --control: 28px;
  --control-lg: 32px;
  --icon: 16px;
  --palette: 640px;
  --speed-quick: 100ms;
  --speed-regular: 250ms;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "IvyJournal", "Crimson Pro", "EB Garamond", Georgia, serif;
}
.doc-title { font: 300 28px/34px var(--font-serif); }
.title-3 { font: 600 20px/26px var(--font-sans); letter-spacing: -0.012em; }
.title-2 { font: 600 17px/23px var(--font-sans); letter-spacing: -0.012em; }
.title-1 { font: 600 15px/20px var(--font-sans); letter-spacing: -0.01em; }
.text-regular { font: 400 15px/23px var(--font-sans); }
.text-ui { font: 400 13px/18px var(--font-sans); }
.text-ui-medium { font: 500 13px/18px var(--font-sans); }
.text-mini { font: 400 12px/16px var(--font-sans); }
.text-micro { font: 500 11px/14px var(--font-sans); }