/* Copy of claude/tokens.css (Plumb) without comments. Don't edit: run node tools/copy-tokens.js */
:root {
  --gray-0: #FFFFFF;
  --gray-50: #F6F6F6;
  --gray-100: #E4E4E4;
  --gray-200: #BEBEBE;
  --gray-300: #A3A3A3;
  --gray-350: #9E9E9E;
  --gray-500: #767676;
  --gray-600: #555555;
  --gray-700: #404040;
  --gray-850: #1B1B1B;
  --gray-900: #0E0E0E;
  --gray-1000: #000000;
  --orange-400: #FF7120;
  --orange-600: #C15727;
  --orange-700: #B33A00;
  --navy-800: #1B2A4A;
  --red-500: #D94638;
  --font-family-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-family-prose: "Space Grotesk", "JetBrains Mono", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --size-12: 0.75rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-48: 3rem;
  --size-64: 4rem;
  --measure-24rem: 24rem;
  --measure-33rem: 33rem;
  --weight-400: 400;
  --weight-700: 700;
  --leading-100: 1;
  --leading-110: 1.1;
  --leading-130: 1.3;
  --leading-150: 1.5;
  --leading-160: 1.6;
  --tracking-n3: -0.03em;
  --tracking-0: 0;
  --tracking-6: 0.06em;
  --space-0: 0;
  --space-quarter: 0.125rem;
  --space-half: 0.25rem;
  --space-1: 0.5rem;
  --space-1-5: 0.75rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --width-1: 1px;
  --width-2: 2px;
  --width-3: 3px;
  --radius-0: 0;
  --radius-full: 999px;
  --ms-0: 0ms;
  --ms-80: 80ms;
  --ms-150: 150ms;
  --ms-250: 250ms;
  --ms-300: 300ms;
  --ease-out-quick: cubic-bezier(0.2, 0, 0, 1);
  --z-0: 0;
  --z-1: 1;
  --z-2: 2;
  --z-10: 10;
  --z-100: 100;
}
:root {
  --color-bg-page: var(--gray-100);
  --color-bg-cell: var(--gray-50);
  --color-bg-inverse: var(--gray-900);
  --color-text: var(--gray-900);
  --color-text-muted: var(--gray-600);
  --color-text-inverse: var(--gray-50);
  --color-text-accent: var(--orange-700);
  --color-line-grid: var(--gray-350);
  --color-line-strong: var(--gray-500);
  --color-accent-fill: var(--orange-400);
  --color-accent-border: var(--gray-900);
  --color-on-accent: var(--gray-900);
  --color-accent-graphic: var(--orange-600);
  --color-control-accent: var(--orange-700);
  --color-focus: var(--orange-700);
  --color-edge: var(--gray-900);
}
:root {
  --font-display: var(--font-family-mono);
  --font-text: var(--font-family-mono);
  --font-mono: var(--font-family-mono);
  --font-prose: var(--font-family-prose);
  --type-ui-family: var(--font-mono);
  --type-display-family: var(--font-display);
  --type-display-size: clamp(var(--size-32), 6vw, var(--size-64));
  --type-display-weight: var(--weight-700);
  --type-display-leading: var(--leading-100);
  --type-display-tracking: var(--tracking-n3);
  --type-heading-family: var(--font-display);
  --type-heading-size: var(--size-20);
  --type-heading-weight: var(--weight-700);
  --type-heading-leading: var(--leading-110);
  --type-heading-tracking: var(--tracking-n3);
  --type-title-family: var(--font-text);
  --type-title-size: var(--size-18);
  --type-title-weight: var(--weight-700);
  --type-title-leading: var(--leading-130);
  --type-title-tracking: var(--tracking-0);
  --type-body-family: var(--font-prose);
  --type-body-size: var(--size-16);
  --type-body-weight: var(--weight-400);
  --type-body-leading: var(--leading-160);
  --type-body-tracking: var(--tracking-0);
  --type-body-synthesis: none;
  --type-body-strong-family: var(--font-mono);
  --type-body-strong-weight: var(--weight-700);
  --type-small-family: var(--font-text);
  --type-small-size: var(--size-14);
  --type-small-weight: var(--weight-400);
  --type-small-leading: var(--leading-150);
  --type-small-tracking: var(--tracking-0);
  --type-label-family: var(--font-mono);
  --type-label-size: var(--size-12);
  --type-label-weight: var(--weight-400);
  --type-label-leading: var(--leading-130);
  --type-label-tracking: var(--tracking-6);
  --type-label-case: uppercase;
  --type-data-family: var(--font-mono);
  --type-data-numerals: tabular-nums;
  --measure-body: 65ch;
  --measure-prose: var(--measure-33rem);
  --measure-lede: var(--measure-24rem);
  --link-underline: var(--width-1);
  --link-underline-hover: var(--width-3);
  --link-underline-offset: 0.2em;
}
:root {
  --line-hair: var(--width-1);
  --line-focus: var(--width-2);
  --line-thick: var(--width-3);
  --border-grid: var(--line-hair) solid var(--color-line-grid);
  --border-strong: var(--line-hair) solid var(--color-line-strong);
  --border-ink: var(--line-hair) solid var(--color-text);
  --focus-ring: var(--line-focus) solid var(--color-focus);
  --focus-offset: var(--width-2);
  --radius-cell: var(--radius-0);
  --radius-control: var(--radius-0);
  --radius-round: var(--radius-full);
  --shadow: none;
}
:root {
  --space-page-gutter: var(--space-2);
  --space-cell: var(--space-3);
  --space-cell-bar: var(--space-1);
  --space-corner: var(--space-3);
  --space-stack-tight: var(--space-1);
  --space-stack: var(--space-2);
  --space-stack-loose: var(--space-4);
  --space-inline: var(--space-3);
  --space-inline-tight: var(--space-1);
}
:root {
  --layout-max: 80rem;
  --target-min: 1.5rem;
  --column-label: 14rem;
  --mark-size: 10px;
}
:root {
  --layer-base: var(--z-0);
  --layer-raised: var(--z-1);
  --layer-pet-home: var(--z-2);
  --layer-pet: var(--z-10);
  --layer-skip: var(--z-100);
}
:root {
  --duration-hover: var(--ms-150);
  --duration-move: var(--ms-250);
  --ease-standard: var(--ease-out-quick);
}
:root {
  --button-bg: transparent;
  --button-text: var(--color-text);
  --button-border: var(--color-line-strong);
  --button-border-hover: var(--color-text);
  --button-bg-pressed: var(--color-accent-fill);
  --button-text-pressed: var(--color-on-accent);
  --button-border-pressed: var(--color-accent-border);
  --button-pad-block: var(--space-1);
  --button-pad-inline: var(--space-2);
  --button-press-offset: 1px;
  --button-text-done: var(--color-text-muted);
  --button-border-done: var(--color-line-grid);
  --button-radius: var(--radius-control);
}
:root {
  --quiet-button-color: var(--color-text-accent);
  --quiet-button-underline: var(--link-underline);
  --quiet-button-underline-hover: var(--link-underline-hover);
}
:root {
  --beepus-edge: drop-shadow(1px 0 0 var(--color-edge)) drop-shadow(-1px 0 0 var(--color-edge))
                 drop-shadow(0 1px 0 var(--color-edge)) drop-shadow(0 -1px 0 var(--color-edge));
  --beepus-bat-shift: 3px;
  --beepus-bat-lift: 2px;
  --beepus-bat-tilt: 2deg;
  --beepus-bat-duration: var(--ms-300);
}
:root {
  --chart-mark-point: var(--color-text);
  --chart-mark-context: var(--color-line-strong);
  --chart-mark-empty: var(--color-line-grid);
  --chart-axis: var(--color-line-strong);
  --chart-reference: var(--color-line-grid);
  --chart-reference-text: var(--color-text-muted);
  --chart-bar-gap: 1px;
  --chart-bar-radius: var(--radius-0);
  --chart-tick-height: var(--space-half);
  --chart-line-width: var(--width-2);
  --chart-marker-size: 8px;
  --chart-marker-stroke: var(--width-2);
  --chart-tally-stroke: var(--width-2);
  --chart-tally-cap: round;
  --chart-label-family: var(--type-label-family);
  --chart-label-size: var(--type-label-size);
  --chart-label-tracking: var(--type-label-tracking);
  --chart-label-color: var(--color-text-muted);
  --chart-value-family: var(--type-data-family);
  --chart-value-size: var(--type-small-size);
  --chart-value-weight: var(--weight-700);
  --chart-value-color: var(--color-text);
  --chart-max: 60rem;
  --chart-max-narrow: 48rem;
  --exhibit-pad: var(--space-3);
  --exhibit-border: var(--border-grid);
  --exhibit-mat: var(--gray-50);
  --exhibit-label-light: var(--gray-0);
  --exhibit-label-dark: var(--gray-900);
  --exhibit-label-plate: var(--gray-900);
  --exhibit-label-pad: var(--space-half) var(--space-1);
  --exhibit-tile-gap: var(--space-half);
  --exhibit-screen: var(--gray-900);
  --exhibit-wall-max: 36rem;
}
:root {
  --sample-ground: var(--navy-800);
  --sample-text-pass: var(--gray-0);
  --sample-text-fail: var(--red-500);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg-page: var(--gray-900);
    --color-bg-cell: var(--gray-850);
    --color-bg-inverse: var(--gray-50);
    --color-text: var(--gray-50);
    --color-text-muted: var(--gray-300);
    --color-text-inverse: var(--gray-900);
    --color-text-accent: var(--orange-400);
    --color-line-grid: var(--gray-700);
    --color-line-strong: var(--gray-500);
    --color-accent-fill: var(--orange-400);
    --color-accent-border: var(--orange-400);
    --color-on-accent: var(--gray-900);
    --color-accent-graphic: var(--orange-400);
    --color-control-accent: var(--orange-400);
    --color-focus: var(--orange-400);
    --color-edge: transparent;
    --beepus-edge: none;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --color-bg-page: var(--gray-900);
  --color-bg-cell: var(--gray-850);
  --color-bg-inverse: var(--gray-50);
  --color-text: var(--gray-50);
  --color-text-muted: var(--gray-300);
  --color-text-inverse: var(--gray-900);
  --color-text-accent: var(--orange-400);
  --color-line-grid: var(--gray-700);
  --color-line-strong: var(--gray-500);
  --color-accent-fill: var(--orange-400);
  --color-accent-border: var(--orange-400);
  --color-on-accent: var(--gray-900);
  --color-accent-graphic: var(--orange-400);
  --color-control-accent: var(--orange-400);
  --color-focus: var(--orange-400);
  --color-edge: transparent;
  --beepus-edge: none;
  color-scheme: dark;
}
:root[data-theme="light"] { color-scheme: light; }
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-move: var(--ms-0);
    --beepus-bat-shift: 0px;
    --beepus-bat-lift: 0px;
    --beepus-bat-tilt: 0deg;
    --button-press-offset: 0px;
  }
}
:root {
  --font-weight-regular: var(--weight-400);
  --font-weight-bold: var(--weight-700);
  --text-label: var(--type-label-size);
  --text-body: var(--type-body-size);
  --text-title: var(--type-title-size);
  --text-h2: var(--type-heading-size);
  --text-display: var(--type-display-size);
  --leading-tight: var(--type-heading-leading);
  --leading-body: var(--leading-150);
  --tracking-tight: var(--tracking-n3);
  --tracking-label: var(--tracking-6);
}