/*
 * Generated by scripts/sync-tokens.mjs from the Paper file "Leonard" (01M6EQY09SZZMF8BE81SND7RFS).
 * Do not edit by hand: change the tokens in Paper and run `npm run sync-tokens`.
 */

/* Ivory (default) */
:root,
[data-theme="ivory"] {
  --color-ground: #EFEDE5; /* App ground: sidebar, group bands. TOC --toc-ivory / --toc-bg */
  --color-panel: #F4F2EB; /* Raised panels and the issue list. TOC --toc-paper-light / --toc-bg-elevated */
  --color-sunken: #E5E3DB; /* Hover, pressed, sunken wells, key caps. TOC --toc-paper-pressed / --toc-bg-sunken */
  --color-rule: #C4C8C7; /* Hairlines and control borders. TOC --toc-rule / --toc-border */
  --color-rule-subtle: #D5D7D3; /* Row dividers: rule mixed 60% toward ground. Portal --toc-border-subtle recipe */
  --color-ink: #353B43; /* Primary text. TOC --toc-ink / --toc-fg */
  --color-ink-muted: #606A73; /* Secondary text, meta. TOC --toc-ink-muted / --toc-fg-muted */
  --color-ink-faint: #AAA9A4; /* Tertiary, disabled, placeholder glyphs. Never body text. TOC --toc-machine-gray */
  --color-navy: #233E50; /* Weighted headings, sidebar selection, focus. TOC --toc-navy / --toc-focus */
  --color-action: #925033; /* The one action color: primary fill, committing links. TOC --toc-copper-text / --toc-action-bg */
  --color-action-hover: #7C422A; /* Primary hover/pressed. TOC --toc-copper-hover / --toc-action-hover */
  --color-on-action: #EFEDE5; /* Text on the action fill. TOC --toc-action-fg (ivory) */
  --color-copper: #B96B45; /* Decorative copper: org mark, rare accent. Not for small text. TOC --toc-copper */
  --color-state-triage: #606A73; /* Triage (no state label). = ink-muted */
  --color-state-approved: #1F4D5C; /* Approved. TOC --toc-petrol */
  --color-state-working: #233E50; /* Working (bot lock). TOC --toc-navy */
  --color-state-decision: #925033; /* Needs decision. TOC --toc-copper-text */
  --color-state-review: #5F4466; /* In review (PR open). Muted plum derived for Leonard; nearest portal --toc-cat-plum-fg #6B4A70 */
  --color-state-qa-pass: #5C6B3F; /* QA pass. TOC --toc-moss */
  --color-state-qa-fail: #8A2918; /* QA fail. Portal --toc-red-500 */
  --color-state-stuck: #8A620C; /* Stuck. Portal --toc-yellow-600 */
  --color-state-done: #353B43; /* Done (closed). = ink, filled glyph */
  --color-priority-urgent: #8A2918; /* p0 Urgent. Portal --toc-red-500 */
  --color-priority-high: #925033; /* p1 High. TOC --toc-copper-text */
  --color-priority-normal: #606A73; /* p2 Normal. TOC --toc-ink-muted */
  --color-priority-low: #AAA9A4; /* p3 Low. TOC --toc-machine-gray */
  --color-live: #5C6B3F; /* Sync/live indicator dot. TOC --toc-moss */
  --color-traffic-close: #FF5F57; /* macOS window control (system, not brand) */
  --color-traffic-min: #FEBC2E; /* macOS window control (system, not brand) */
  --color-traffic-zoom: #28C840; /* macOS window control (system, not brand) */
  --color-state-triage-tint: rgb(96 106 115 / 12%); /* Pill background: state-triage at 12% on panel */
  --color-state-approved-tint: rgb(31 77 92 / 12%); /* Pill background: state-approved at 12% on panel */
  --color-state-working-tint: rgb(35 62 80 / 12%); /* Pill background: state-working at 12% on panel */
  --color-state-decision-tint: rgb(146 80 51 / 12%); /* Pill background: state-decision at 12% on panel */
  --color-state-review-tint: rgb(95 68 102 / 12%); /* Pill background: state-review at 12% on panel */
  --color-state-qa-pass-tint: rgb(92 107 63 / 12%); /* Pill background: state-qa-pass at 12% on panel */
  --color-state-qa-fail-tint: rgb(138 41 24 / 12%); /* Pill background: state-qa-fail at 12% on panel */
  --color-state-stuck-tint: rgb(138 98 12 / 12%); /* Pill background: state-stuck at 12% on panel */
  --color-state-done-tint: rgb(53 59 67 / 12%); /* Pill background: state-done at 12% on panel */
  --color-action-tint: #EAE2D9; /* Copper at 10% on panel: just-approved and Needs decision badge grounds */
  --color-navy-tint: #DDDDD8; /* Sidebar selected item ground: navy 9% on ground */
  --color-avatar-1: #C7D4E0; /* Human avatar fill 1 (Jacob). Portal --toc-av-1 */
  --color-avatar-1-ink: #2B4763; /* Human avatar initials 1. Portal --toc-av-1-fg */
  --color-avatar-2: #D6DEC8; /* Human avatar fill 2 (Josiah). Portal --toc-av-3 */
  --color-avatar-2-ink: #4D5F2E; /* Human avatar initials 2. Portal --toc-av-3-fg */
  --color-state-triage-edge: rgb(96 106 115 / 24%); /* Pill inset hairline: state-triage at 24% */
  --color-state-approved-edge: rgb(31 77 92 / 24%); /* Pill inset hairline: state-approved at 24% */
  --color-state-working-edge: rgb(35 62 80 / 24%); /* Pill inset hairline: state-working at 24% */
  --color-state-decision-edge: rgb(146 80 51 / 24%); /* Pill inset hairline: state-decision at 24% */
  --color-state-review-edge: rgb(95 68 102 / 24%); /* Pill inset hairline: state-review at 24% */
  --color-state-qa-pass-edge: rgb(92 107 63 / 24%); /* Pill inset hairline: state-qa-pass at 24% */
  --color-state-qa-fail-edge: rgb(138 41 24 / 24%); /* Pill inset hairline: state-qa-fail at 24% */
  --color-state-stuck-edge: rgb(138 98 12 / 24%); /* Pill inset hairline: state-stuck at 24% */
  --color-state-done-edge: rgb(53 59 67 / 24%); /* Pill inset hairline: state-done at 24% */
  --color-sidebar: var(--color-ground); /* Sidebar ground. Ivory: same as ground; Nord separates it */
  --color-state-triage-text: var(--color-state-triage); /* Pill text. Ivory: the state color itself */
  --color-state-approved-text: var(--color-state-approved); /* Pill text. Ivory: the state color itself */
  --color-state-working-text: var(--color-state-working); /* Pill text. Ivory: the state color itself */
  --color-state-decision-text: var(--color-state-decision); /* Pill text. Ivory: the state color itself */
  --color-state-review-text: var(--color-state-review); /* Pill text. Ivory: the state color itself */
  --color-state-qa-pass-text: var(--color-state-qa-pass); /* Pill text. Ivory: the state color itself */
  --color-state-qa-fail-text: var(--color-state-qa-fail); /* Pill text. Ivory: the state color itself */
  --color-state-stuck-text: var(--color-state-stuck); /* Pill text. Ivory: the state color itself */
  --color-state-done-text: var(--color-state-done); /* Pill text. Ivory: the state color itself */
  --color-code: var(--color-sunken); /* Code block ground. Ivory: sunken (toc-paper-pressed) */
  --color-code-highlight: rgb(185 107 69 / 14%); /* Highlighted code line: decorative copper (toc-copper) at 14% */
  --color-scrim: rgb(32 44 53 / 22%); /* Dim layer under sheets and quick-add: toc-ink-deep at 22% */
  --color-progress: #233E50; /* Waiting indicator, checklist checks, progress bars. Ivory: toc-navy */
  --color-banner: rgb(247 246 241 / 97%); /* macOS notification banner surface (no blur in Paper). Ivory: toc-paper-light lifted toward white */
  --color-inverse: #353B43; /* In-app toast surface. Ivory: toc-ink */
  --color-on-inverse: #EFEDE5; /* Text on inverse. Ivory: toc-ivory */
  --color-on-inverse-warn: #E6B84A; /* Warning glyph on the inverse toast. Ivory: toc-butter */
  --color-focus: #233E50; /* Keyboard focus outline and row edge. Ivory: toc-navy (--toc-focus) */
  --color-focus-ring: rgb(35 62 80 / 32%); /* Focus halo: focus at 32% */
  --color-shadow-pop: rgb(53 59 67 / 22%); /* Floating panels over a scrim: quick-add, palette, popovers. Drop color: 0 18px 50px. */
  --color-shadow-pop-ring: rgb(196 200 199 / 90%); /* Floating panels over a scrim: quick-add, palette, popovers. 1px ring. */
  --font-sans: "Geist", system-ui, sans-serif; /* UI face. TOC --toc-font-sans */
  --font-mono: "CommitMono Nerd Font", ui-monospace, monospace; /* repo#number, ids, keys, meta, code. TOC --toc-font-mono */
  --font-display: "Neue Haas Grotesk Display Pro", system-ui, sans-serif; /* Headings only: display, title, heading sizes */
  --text-label: 11px; /* Section labels, mono uppercase */
  --text-meta: 11.5px; /* Meta, mono ids, counts */
  --text-secondary: 12.5px; /* Secondary UI text, hints */
  --text-base: 13px; /* Base UI and list titles */
  --text-heading: 16px; /* Panel headings */
  --text-title: 21px; /* Detail title */
  --text-display: 32px; /* Specimen and empty-state display */
  --text-body: 14px; /* Rendered markdown body in issue detail */
  --text-touch-label: 12px; /* Phone: uppercase section labels, tab labels. */
  --text-touch-meta: 13px; /* Phone: repo#n, meta lines, pills. */
  --text-touch-base: 15px; /* Phone: row titles, controls, buttons. */
  --text-touch-body: 16px; /* Phone: issue body and comments; also input text (iOS zooms below 16). */
  --text-touch-heading: 17px; /* Phone: sheet and section headings. */
  --text-touch-title: 22px; /* Phone: view title and issue title. */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --tracking-display: -0.025em; /* TOC --toc-track-display */
  --tracking-title: -0.015em; /* Detail titles */
  --tracking-body: 0em; /* UI text at 12.5-13px */
  --tracking-label: 0.04em; /* Mono uppercase section labels */
  --leading-label: 14px;
  --leading-meta: 16px;
  --leading-base: 18px;
  --leading-heading: 22px;
  --leading-title: 26px;
  --leading-display: 36px;
  --leading-body: 22px;
  --leading-touch-label: 16px;
  --leading-touch-meta: 18px;
  --leading-touch-base: 20px;
  --leading-touch-body: 23px;
  --leading-touch-heading: 22px;
  --leading-touch-title: 28px;
  --opacity-tint: 12%; /* State color share in pill backgrounds */
  --opacity-disabled: 40%;
  --breakpoint-compact: 1100px; /* Collapse inspector below this */
  --breakpoint-window: 1440px; /* Design window width */
  --container-popover: 320px; /* Popover / tooltip max width */
  --container-quick-add: 640px; /* Quick-add panel width */
  --container-inspector: 320px; /* Detail inspector width */
  --spacing-2: 2px; /* TOC --toc-space-2 */
  --spacing-4: 4px; /* TOC --toc-space-4 */
  --spacing-8: 8px; /* TOC --toc-space-8 */
  --spacing-12: 12px; /* TOC --toc-space-12 */
  --spacing-16: 16px; /* TOC --toc-space-16 */
  --spacing-20: 20px; /* TOC --toc-space-20 */
  --spacing-24: 24px; /* TOC --toc-space-24 */
  --spacing-32: 32px; /* TOC --toc-space-32 */
  --spacing-40: 40px; /* TOC --toc-space-40 */
  --spacing-48: 48px; /* TOC --toc-space-48 */
  --spacing-64: 64px; /* TOC --toc-space-64 */
  --spacing-row: 36px; /* List row height */
  --spacing-toolbar: 52px; /* Toolbar height */
  --spacing-sidebar: 236px; /* Sidebar width */
  --spacing-focus-offset: 2px; /* Gap between control edge and focus outline */
  --radius-none: 0px; /* Frames and panels. TOC --toc-radius-flat */
  --radius-control: 4px; /* Buttons, fields, state pills, bot avatars. TOC --toc-radius-control */
  --radius-pill: 999px; /* Label pills, human avatars, badges. TOC --toc-radius-pill */
}

/* Nord: the `-nord` twin of each role */
[data-theme="nord"] {
  --color-ground: #2E3440; /* Nord ground */
  --color-sidebar: #272C36; /* Nord sidebar */
  --color-panel: #333A47; /* Nord panel / list */
  --color-sunken: #3B4252; /* Nord raised: hover wells, keys, segmented track */
  --color-rule: rgb(216 222 233 / 15%); /* Nord line-2 */
  --color-rule-subtle: rgb(216 222 233 / 8.5%); /* Nord line */
  --color-navy-tint: rgb(136 192 208 / 13%); /* Nord active: sidebar selection */
  --color-ink: #ECEFF4; /* Nord ink */
  --color-ink-muted: #959FB2; /* Nord ink-muted */
  --color-ink-faint: #6B7589; /* Nord ink-faint */
  --color-navy: #81A1C1; /* Nord accent-2: headings, selection, focus */
  --color-action: #88C0D0; /* Nord action (replaces copper) */
  --color-action-hover: #9CCBD8; /* Nord action hover: action 8% toward ink (derived) */
  --color-on-action: #242933; /* Nord action-ink */
  --color-action-tint: rgb(136 192 208 / 15%); /* Nord action at 15% */
  --color-copper: #D08770; /* Nord orange: rare accent; the org mark uses the ivory logo */
  --color-live: #A3BE8C; /* Nord green */
  --color-avatar-1: #3F5275; /* Portal dark av-1 */
  --color-avatar-1-ink: #B6CCEA; /* Portal dark av-1-fg */
  --color-avatar-2: #4C5F38; /* Portal dark av-3 */
  --color-avatar-2-ink: #C4D9A8; /* Portal dark av-3-fg */
  --color-state-triage: #959FB2; /* Nord state triage */
  --color-state-triage-text: #ADB5C4; /* Nord pill text: state 72% mixed with ink */
  --color-state-triage-tint: rgb(149 159 178 / 15%); /* Nord pill ground: state at 15% */
  --color-state-triage-edge: rgb(149 159 178 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-approved: #8FBCBB; /* Nord state approved */
  --color-state-approved-text: #A9CACB; /* Nord pill text: state 72% mixed with ink */
  --color-state-approved-tint: rgb(143 188 187 / 15%); /* Nord pill ground: state at 15% */
  --color-state-approved-edge: rgb(143 188 187 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-working: #81A1C1; /* Nord state working */
  --color-state-working-text: #9FB7CF; /* Nord pill text: state 72% mixed with ink */
  --color-state-working-tint: rgb(129 161 193 / 15%); /* Nord pill ground: state at 15% */
  --color-state-working-edge: rgb(129 161 193 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-decision: #D08770; /* Nord state decision */
  --color-state-decision-text: #D8A495; /* Nord pill text: state 72% mixed with ink */
  --color-state-decision-tint: rgb(208 135 112 / 15%); /* Nord pill ground: state at 15% */
  --color-state-decision-edge: rgb(208 135 112 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-review: #B48EAD; /* Nord state review */
  --color-state-review-text: #C4A9C1; /* Nord pill text: state 72% mixed with ink */
  --color-state-review-tint: rgb(180 142 173 / 15%); /* Nord pill ground: state at 15% */
  --color-state-review-edge: rgb(180 142 173 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-qa-pass: #A3BE8C; /* Nord state qa-pass */
  --color-state-qa-pass-text: #B7CCA9; /* Nord pill text: state 72% mixed with ink */
  --color-state-qa-pass-tint: rgb(163 190 140 / 15%); /* Nord pill ground: state at 15% */
  --color-state-qa-pass-edge: rgb(163 190 140 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-qa-fail: #BF616A; /* Nord state qa-fail */
  --color-state-qa-fail-text: #CC8991; /* Nord pill text: state 72% mixed with ink */
  --color-state-qa-fail-tint: rgb(191 97 106 / 15%); /* Nord pill ground: state at 15% */
  --color-state-qa-fail-edge: rgb(191 97 106 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-stuck: #EBCB8B; /* Nord state stuck */
  --color-state-stuck-text: #EBD5A8; /* Nord pill text: state 72% mixed with ink */
  --color-state-stuck-tint: rgb(235 203 139 / 15%); /* Nord pill ground: state at 15% */
  --color-state-stuck-edge: rgb(235 203 139 / 28%); /* Nord pill hairline: state at 28% */
  --color-state-done: #ECEFF4; /* Nord state done */
  --color-state-done-text: #ECEFF4; /* Nord pill text: state 72% mixed with ink */
  --color-state-done-tint: rgb(236 239 244 / 15%); /* Nord pill ground: state at 15% */
  --color-state-done-edge: rgb(236 239 244 / 28%); /* Nord pill hairline: state at 28% */
  --color-priority-urgent: #BF616A; /* Nord priority urgent */
  --color-priority-high: #D08770; /* Nord priority high */
  --color-priority-normal: #959FB2; /* Nord priority normal */
  --color-priority-low: #6B7589; /* Nord priority low */
  --color-code: #272C36; /* Nord code bg */
  --color-code-highlight: rgb(235 203 139 / 12%); /* Nord yellow at 12% */
  --color-scrim: rgb(19 22 26 / 55%); /* Nord scrim */
  --color-progress: #88C0D0; /* Nord frost */
  --color-banner: rgb(59 66 82 / 97%); /* Nord raised #3B4252 */
  --color-inverse: #ECEFF4; /* Nord ink as toast surface */
  --color-on-inverse: #2E3440; /* Nord ground as text on inverse */
  --color-on-inverse-warn: #8A620C; /* Nord: dark yellow on the light toast */
  --color-focus: #88C0D0; /* Nord frost */
  --color-focus-ring: rgb(136 192 208 / 32%); /* Nord frost at 32% */
  --color-shadow-pop: rgb(0 0 0 / 65%); /* Floating panels over a scrim: quick-add, palette, popovers. Drop color: 0 24px 70px. */
  --color-shadow-pop-ring: rgb(216 222 233 / 16%); /* Floating panels over a scrim: quick-add, palette, popovers. 1px ring. */
}

/* Tokyo Night: the `-tokyo` twin of each role */
[data-theme="tokyo-night"] {
  --color-ground: #1A1B26; /* Tokyo Night ground */
  --color-sidebar: #16161E; /* Tokyo Night sidebar */
  --color-panel: #1F2335; /* Tokyo Night panel / list */
  --color-sunken: #24283B; /* Tokyo Night sunken: hover wells, keys, segmented track */
  --color-rule: rgb(192 202 245 / 15%); /* Tokyo Night hairline: fg at 15% */
  --color-rule-subtle: rgb(192 202 245 / 8.5%); /* Tokyo Night subtle hairline: fg at 8.5% */
  --color-navy-tint: rgb(122 162 247 / 14%); /* Tokyo Night active: sidebar selection */
  --color-ink: #C0CAF5; /* Tokyo Night ink */
  --color-ink-muted: #858BAE; /* Tokyo Night ink-muted */
  --color-ink-faint: #626C9C; /* Tokyo Night ink-faint (3:1 minimum) */
  --color-navy: #7DCFFF; /* Tokyo Night accent-2: active nav, selection */
  --color-action: #7AA2F7; /* Tokyo Night action */
  --color-action-hover: #80A5F7; /* Tokyo Night action hover */
  --color-on-action: #16161E; /* Tokyo Night text on action */
  --color-action-tint: rgb(122 162 247 / 15%); /* Tokyo Night action tint */
  --color-copper: #FF9E64; /* Tokyo Night rare warm accent */
  --color-live: #9ECE6A; /* Tokyo Night live dot */
  --color-avatar-1: #3A496F; /* Tokyo Night avatar 1 */
  --color-avatar-1-ink: #A3BBF7; /* Tokyo Night avatar 1 initials */
  --color-avatar-2: #455645; /* Tokyo Night avatar 2 */
  --color-avatar-2-ink: #B0CEAC; /* Tokyo Night avatar 2 initials */
  --color-state-triage: #737AA2; /* Tokyo Night state triage: glyphs and edges */
  --color-state-triage-text: #858BAE; /* Tokyo Night pill text: lightened in hue for AA */
  --color-state-triage-tint: rgb(115 122 162 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-triage-edge: rgb(115 122 162 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-approved: #73DACA; /* Tokyo Night state approved: glyphs and edges */
  --color-state-approved-text: #73DACA; /* Tokyo Night pill text: palette color */
  --color-state-approved-tint: rgb(115 218 202 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-approved-edge: rgb(115 218 202 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-working: #7DCFFF; /* Tokyo Night state working: glyphs and edges */
  --color-state-working-text: #7DCFFF; /* Tokyo Night pill text: palette color */
  --color-state-working-tint: rgb(125 207 255 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-working-edge: rgb(125 207 255 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-decision: #FF9E64; /* Tokyo Night state decision: glyphs and edges */
  --color-state-decision-text: #FF9E64; /* Tokyo Night pill text: palette color */
  --color-state-decision-tint: rgb(255 158 100 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-decision-edge: rgb(255 158 100 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-review: #BB9AF7; /* Tokyo Night state review: glyphs and edges */
  --color-state-review-text: #BB9AF7; /* Tokyo Night pill text: palette color */
  --color-state-review-tint: rgb(187 154 247 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-review-edge: rgb(187 154 247 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-qa-pass: #9ECE6A; /* Tokyo Night state qa-pass: glyphs and edges */
  --color-state-qa-pass-text: #9ECE6A; /* Tokyo Night pill text: palette color */
  --color-state-qa-pass-tint: rgb(158 206 106 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-qa-pass-edge: rgb(158 206 106 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-qa-fail: #F7768E; /* Tokyo Night state qa-fail: glyphs and edges */
  --color-state-qa-fail-text: #F7768E; /* Tokyo Night pill text: palette color */
  --color-state-qa-fail-tint: rgb(247 118 142 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-qa-fail-edge: rgb(247 118 142 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-stuck: #E0AF68; /* Tokyo Night state stuck: glyphs and edges */
  --color-state-stuck-text: #E0AF68; /* Tokyo Night pill text: palette color */
  --color-state-stuck-tint: rgb(224 175 104 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-stuck-edge: rgb(224 175 104 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-state-done: #C0CAF5; /* Tokyo Night state done: glyphs and edges */
  --color-state-done-text: #C0CAF5; /* Tokyo Night pill text: palette color */
  --color-state-done-tint: rgb(192 202 245 / 15%); /* Tokyo Night pill ground: state at 15% */
  --color-state-done-edge: rgb(192 202 245 / 28%); /* Tokyo Night pill hairline: state at 28% */
  --color-priority-urgent: #F7768E; /* Tokyo Night priority urgent */
  --color-priority-high: #FF9E64; /* Tokyo Night priority high */
  --color-priority-normal: #858BAE; /* Tokyo Night priority normal */
  --color-priority-low: #626C9C; /* Tokyo Night priority low */
  --color-code: #16161E; /* Tokyo Night code block */
  --color-code-highlight: rgb(224 175 104 / 12%); /* Tokyo Night yellow highlight */
  --color-scrim: rgb(10 10 16 / 60%); /* Tokyo Night scrim */
  --color-progress: #7AA2F7; /* Tokyo Night progress bar */
  --color-banner: rgb(36 40 59 / 97%); /* Tokyo Night banner */
  --color-inverse: #C0CAF5; /* Tokyo Night toast surface */
  --color-on-inverse: #1A1B26; /* Tokyo Night text on toast */
  --color-on-inverse-warn: #744E18; /* Tokyo Night warning text on toast */
  --color-focus: #7AA2F7; /* Tokyo Night focus outline */
  --color-focus-ring: rgb(122 162 247 / 32%); /* Tokyo Night focus halo: 32% */
  --color-shadow-pop: rgb(0 0 0 / 65%); /* Floating panels over a scrim: drop color, 0 24px 70px. */
  --color-shadow-pop-ring: rgb(192 202 245 / 16%); /* Floating panels over a scrim: 1px ring. */
}

/* Catppuccin Mocha: the `-mocha` twin of each role */
[data-theme="catppuccin-mocha"] {
  --color-ground: #1E1E2E; /* Catppuccin Mocha ground */
  --color-sidebar: #181825; /* Catppuccin Mocha sidebar */
  --color-panel: #232334; /* Catppuccin Mocha panel / list */
  --color-sunken: #313244; /* Catppuccin Mocha sunken: hover wells, keys, segmented track */
  --color-rule: rgb(205 214 244 / 15%); /* Catppuccin Mocha hairline: fg at 15% */
  --color-rule-subtle: rgb(205 214 244 / 8.5%); /* Catppuccin Mocha subtle hairline: fg at 8.5% */
  --color-navy-tint: rgb(180 190 254 / 13%); /* Catppuccin Mocha active: sidebar selection */
  --color-ink: #CDD6F4; /* Catppuccin Mocha ink */
  --color-ink-muted: #A6ADC8; /* Catppuccin Mocha ink-muted */
  --color-ink-faint: #6C7086; /* Catppuccin Mocha ink-faint (3:1 minimum) */
  --color-navy: #B4BEFE; /* Catppuccin Mocha accent-2: active nav, selection */
  --color-action: #89B4FA; /* Catppuccin Mocha action */
  --color-action-hover: #8EB7FA; /* Catppuccin Mocha action hover */
  --color-on-action: #11111B; /* Catppuccin Mocha text on action */
  --color-action-tint: rgb(137 180 250 / 15%); /* Catppuccin Mocha action tint */
  --color-copper: #FAB387; /* Catppuccin Mocha rare warm accent */
  --color-live: #A6E3A1; /* Catppuccin Mocha live dot */
  --color-avatar-1: #424E6F; /* Catppuccin Mocha avatar 1 */
  --color-avatar-1-ink: #A8C3F7; /* Catppuccin Mocha avatar 1 initials */
  --color-avatar-2: #4A5D55; /* Catppuccin Mocha avatar 2 */
  --color-avatar-2-ink: #B8DDC6; /* Catppuccin Mocha avatar 2 initials */
  --color-state-triage: #A6ADC8; /* Catppuccin Mocha state triage: glyphs and edges */
  --color-state-triage-text: #A6ADC8; /* Catppuccin Mocha pill text: palette color */
  --color-state-triage-tint: rgb(166 173 200 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-triage-edge: rgb(166 173 200 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-approved: #94E2D5; /* Catppuccin Mocha state approved: glyphs and edges */
  --color-state-approved-text: #94E2D5; /* Catppuccin Mocha pill text: palette color */
  --color-state-approved-tint: rgb(148 226 213 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-approved-edge: rgb(148 226 213 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-working: #B4BEFE; /* Catppuccin Mocha state working: glyphs and edges */
  --color-state-working-text: #B4BEFE; /* Catppuccin Mocha pill text: palette color */
  --color-state-working-tint: rgb(180 190 254 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-working-edge: rgb(180 190 254 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-decision: #FAB387; /* Catppuccin Mocha state decision: glyphs and edges */
  --color-state-decision-text: #FAB387; /* Catppuccin Mocha pill text: palette color */
  --color-state-decision-tint: rgb(250 179 135 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-decision-edge: rgb(250 179 135 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-review: #CBA6F7; /* Catppuccin Mocha state review: glyphs and edges */
  --color-state-review-text: #CBA6F7; /* Catppuccin Mocha pill text: palette color */
  --color-state-review-tint: rgb(203 166 247 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-review-edge: rgb(203 166 247 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-qa-pass: #A6E3A1; /* Catppuccin Mocha state qa-pass: glyphs and edges */
  --color-state-qa-pass-text: #A6E3A1; /* Catppuccin Mocha pill text: palette color */
  --color-state-qa-pass-tint: rgb(166 227 161 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-qa-pass-edge: rgb(166 227 161 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-qa-fail: #F38BA8; /* Catppuccin Mocha state qa-fail: glyphs and edges */
  --color-state-qa-fail-text: #F38BA8; /* Catppuccin Mocha pill text: palette color */
  --color-state-qa-fail-tint: rgb(243 139 168 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-qa-fail-edge: rgb(243 139 168 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-stuck: #F9E2AF; /* Catppuccin Mocha state stuck: glyphs and edges */
  --color-state-stuck-text: #F9E2AF; /* Catppuccin Mocha pill text: palette color */
  --color-state-stuck-tint: rgb(249 226 175 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-stuck-edge: rgb(249 226 175 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-state-done: #CDD6F4; /* Catppuccin Mocha state done: glyphs and edges */
  --color-state-done-text: #CDD6F4; /* Catppuccin Mocha pill text: palette color */
  --color-state-done-tint: rgb(205 214 244 / 15%); /* Catppuccin Mocha pill ground: state at 15% */
  --color-state-done-edge: rgb(205 214 244 / 28%); /* Catppuccin Mocha pill hairline: state at 28% */
  --color-priority-urgent: #F38BA8; /* Catppuccin Mocha priority urgent */
  --color-priority-high: #FAB387; /* Catppuccin Mocha priority high */
  --color-priority-normal: #A6ADC8; /* Catppuccin Mocha priority normal */
  --color-priority-low: #6C7086; /* Catppuccin Mocha priority low */
  --color-code: #181825; /* Catppuccin Mocha code block */
  --color-code-highlight: rgb(249 226 175 / 12%); /* Catppuccin Mocha yellow highlight */
  --color-scrim: rgb(17 17 27 / 60%); /* Catppuccin Mocha scrim */
  --color-progress: #89B4FA; /* Catppuccin Mocha progress bar */
  --color-banner: rgb(49 50 68 / 97%); /* Catppuccin Mocha banner */
  --color-inverse: #CDD6F4; /* Catppuccin Mocha toast surface */
  --color-on-inverse: #1E1E2E; /* Catppuccin Mocha text on toast */
  --color-on-inverse-warn: #775509; /* Catppuccin Mocha warning text on toast */
  --color-focus: #89B4FA; /* Catppuccin Mocha focus outline */
  --color-focus-ring: rgb(137 180 250 / 32%); /* Catppuccin Mocha focus halo: 32% */
  --color-shadow-pop: rgb(0 0 0 / 65%); /* Floating panels over a scrim: drop color, 0 24px 70px. */
  --color-shadow-pop-ring: rgb(205 214 244 / 16%); /* Floating panels over a scrim: 1px ring. */
}

/* Solarized Light: the `-solarized` twin of each role */
[data-theme="solarized-light"] {
  --color-ground: #EEE8D5; /* Solarized Light ground */
  --color-sidebar: #EEE8D5; /* Solarized Light sidebar */
  --color-panel: #FDF6E3; /* Solarized Light panel / list */
  --color-sunken: #E4DDC8; /* Solarized Light sunken: hover wells, keys, segmented track */
  --color-rule: #CACBBE; /* Solarized Light hairline */
  --color-rule-subtle: #D9D7C8; /* Solarized Light subtle hairline */
  --color-navy-tint: rgb(38 139 210 / 12%); /* Solarized Light active: sidebar selection */
  --color-ink: #073642; /* Solarized Light ink */
  --color-ink-muted: #54696F; /* Solarized Light ink-muted */
  --color-ink-faint: #758787; /* Solarized Light ink-faint (3:1 minimum) */
  --color-navy: #164F77; /* Solarized Light accent-2: active nav, selection, headings */
  --color-action: #2074AF; /* Solarized Light action */
  --color-action-hover: #1B6395; /* Solarized Light action hover */
  --color-on-action: #FDF6E3; /* Solarized Light text on action */
  --color-action-tint: rgb(32 116 175 / 12%); /* Solarized Light action tint */
  --color-copper: #CB4B16; /* Solarized Light rare warm accent */
  --color-live: #859900; /* Solarized Light live dot */
  --color-avatar-1: #D2E1E0; /* Solarized Light avatar 1 */
  --color-avatar-1-ink: #1A6091; /* Solarized Light avatar 1 initials */
  --color-avatar-2: #E5E3B6; /* Solarized Light avatar 2 */
  --color-avatar-2-ink: #424C00; /* Solarized Light avatar 2 initials */
  --color-state-triage: #657B83; /* Solarized Light state triage: glyphs and edges */
  --color-state-triage-text: #55686F; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-triage-tint: rgb(101 123 131 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-triage-edge: rgb(101 123 131 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-approved: #2AA198; /* Solarized Light state approved: glyphs and edges */
  --color-state-approved-text: #1D706A; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-approved-tint: rgb(42 161 152 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-approved-edge: rgb(42 161 152 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-working: #6C71C4; /* Solarized Light state working: glyphs and edges */
  --color-state-working-text: #565CBB; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-working-tint: rgb(108 113 196 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-working-edge: rgb(108 113 196 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-decision: #CB4B16; /* Solarized Light state decision: glyphs and edges */
  --color-state-decision-text: #AF4113; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-decision-tint: rgb(203 75 22 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-decision-edge: rgb(203 75 22 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-review: #D33682; /* Solarized Light state review: glyphs and edges */
  --color-state-review-text: #BC2970; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-review-tint: rgb(211 54 130 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-review-edge: rgb(211 54 130 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-qa-pass: #859900; /* Solarized Light state qa-pass: glyphs and edges */
  --color-state-qa-pass-text: #5D6B00; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-qa-pass-tint: rgb(133 153 0 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-qa-pass-edge: rgb(133 153 0 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-qa-fail: #DC322F; /* Solarized Light state qa-fail: glyphs and edges */
  --color-state-qa-fail-text: #C62421; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-qa-fail-tint: rgb(220 50 47 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-qa-fail-edge: rgb(220 50 47 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-stuck: #B58900; /* Solarized Light state stuck: glyphs and edges */
  --color-state-stuck-text: #826200; /* Solarized Light pill text: darkened in hue for AA */
  --color-state-stuck-tint: rgb(181 137 0 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-stuck-edge: rgb(181 137 0 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-state-done: #073642; /* Solarized Light state done: glyphs and edges */
  --color-state-done-text: #073642; /* Solarized Light pill text: palette color */
  --color-state-done-tint: rgb(7 54 66 / 12%); /* Solarized Light pill ground: state at 12% */
  --color-state-done-edge: rgb(7 54 66 / 24%); /* Solarized Light pill hairline: state at 24% */
  --color-priority-urgent: #C62421; /* Solarized Light priority urgent */
  --color-priority-high: #AF4113; /* Solarized Light priority high */
  --color-priority-normal: #54696F; /* Solarized Light priority normal */
  --color-priority-low: #758787; /* Solarized Light priority low */
  --color-code: #E4DDC8; /* Solarized Light code block */
  --color-code-highlight: rgb(181 137 0 / 14%); /* Solarized Light yellow highlight */
  --color-scrim: rgb(7 54 66 / 22%); /* Solarized Light scrim */
  --color-progress: #164F77; /* Solarized Light progress bar */
  --color-banner: rgb(253 246 227 / 97%); /* Solarized Light banner */
  --color-inverse: #073642; /* Solarized Light toast surface */
  --color-on-inverse: #FDF6E3; /* Solarized Light text on toast */
  --color-on-inverse-warn: #C49500; /* Solarized Light warning text on toast */
  --color-focus: #164F77; /* Solarized Light focus outline */
  --color-focus-ring: rgb(22 79 119 / 32%); /* Solarized Light focus halo: 32% */
  --color-shadow-pop: rgb(7 54 66 / 22%); /* Floating panels over a scrim: drop color, 0 24px 70px. */
  --color-shadow-pop-ring: rgb(147 161 161 / 60%); /* Floating panels over a scrim: 1px ring. */
}