/* Generated by @habenula-ai/tokens (build.mjs) from src/. Do not edit. */
/* Paper (light) is the base; Signal (dark) applies by explicit choice
   (data-theme="dark") or by system preference unless light was chosen. */
:root {
  color-scheme: light;
  --hb-badge-agent: var(--hb-color-agent-identity);
  --hb-badge-bg: var(--hb-color-surface-ground);
  --hb-badge-border-width: var(--hb-border-width-hairline);
  --hb-badge-count-bg: var(--hb-color-caution-text);
  --hb-badge-count-text: var(--hb-color-surface-ground);
  --hb-badge-danger: var(--hb-color-danger-text);
  --hb-badge-dot-size: 6px;
  --hb-badge-font-size: var(--hb-font-size-xs);
  --hb-badge-font-weight: var(--hb-font-weight-semibold);
  --hb-badge-height: 1.5rem;
  --hb-badge-held: var(--hb-hold-state-held);
  --hb-badge-neutral: var(--hb-color-text-muted);
  --hb-badge-padding-x: var(--hb-space-3);
  --hb-badge-radius: var(--hb-radius-pill);
  --hb-border-width-focus: 2px;
  --hb-border-width-hairline: 1px;
  --hb-breakpoint-lg: 1180px;
  --hb-breakpoint-md: 860px;
  --hb-breakpoint-sm: 560px;
  --hb-breakpoint-xl: 1280px;
  --hb-button-border-width: var(--hb-border-width-hairline);
  --hb-button-danger-secondary-bg: var(--hb-color-surface-ground);
  --hb-button-danger-secondary-bg-hover: var(--hb-color-surface-ground);
  --hb-button-danger-secondary-border: var(--hb-color-danger-border);
  --hb-button-danger-secondary-text: var(--hb-color-danger-text);
  --hb-button-disabled-bg: var(--hb-color-surface-control);
  --hb-button-disabled-border: var(--hb-color-surface-control);
  --hb-button-disabled-text: var(--hb-color-text-dim);
  --hb-button-focus-color: var(--hb-color-interactive-default);
  --hb-button-focus-offset: var(--hb-border-width-focus);
  --hb-button-focus-width: var(--hb-border-width-focus);
  --hb-button-font-family: var(--hb-font-family-sans);
  --hb-button-font-size: var(--hb-font-size-md);
  --hb-button-font-weight: var(--hb-font-weight-semibold);
  --hb-button-gap: var(--hb-space-2);
  --hb-button-height: var(--hb-layout-hit-target);
  --hb-button-letter-spacing: var(--hb-font-letter-spacing-normal);
  --hb-button-lift: var(--hb-motion-lift);
  --hb-button-padding-x: var(--hb-space-5);
  --hb-button-press: var(--hb-motion-press);
  --hb-button-primary-bg: var(--hb-color-interactive-default);
  --hb-button-primary-bg-hover: var(--hb-color-interactive-hover);
  --hb-button-primary-bg-pressed: var(--hb-color-interactive-pressed);
  --hb-button-primary-border: var(--hb-color-interactive-default);
  --hb-button-primary-text: var(--hb-color-interactive-on-fill);
  --hb-button-radius: var(--hb-radius-pill);
  --hb-button-secondary-bg: var(--hb-color-surface-ground);
  --hb-button-secondary-bg-hover: var(--hb-color-surface-ground);
  --hb-button-secondary-border: var(--hb-color-interactive-default);
  --hb-button-secondary-border-hover: var(--hb-color-interactive-hover);
  --hb-button-secondary-text: var(--hb-color-interactive-default);
  --hb-button-secondary-text-hover: var(--hb-color-interactive-hover);
  --hb-button-tertiary-text: var(--hb-color-interactive-default);
  --hb-button-tertiary-text-hover: var(--hb-color-interactive-hover);
  --hb-button-tertiary-underline-offset: 0.18em;
  --hb-button-tertiary-underline-thickness: var(--hb-border-width-hairline);
  --hb-button-transition-duration: var(--hb-motion-duration-base);
  --hb-button-transition-ease: var(--hb-motion-ease-out);
  --hb-color-amber-300: #F0B93F;
  --hb-color-amber-400: #D19B27;
  --hb-color-amber-700: #856400;
  --hb-color-amber-800: #6A5000;
  --hb-color-cream-100: #EFE9DA;
  --hb-color-cream-150: #F0E9D4;
  --hb-color-cream-200: #E4DECF;
  --hb-color-cream-300: #D5CAB2;
  --hb-color-cream-400: #C9BCA6;
  --hb-color-cream-50: #FBF7F2;
  --hb-color-ink-1000: #000000;
  --hb-color-ink-700: #45303C;
  --hb-color-ink-850: #2A1D22;
  --hb-color-ink-900: #1E1418;
  --hb-color-ink-950: #110A0E;
  --hb-color-jade-300: #86D09F;
  --hb-color-jade-400: #6CC38A;
  --hb-color-jade-500: #57B076;
  --hb-color-jade-700: #006F55;
  --hb-color-jade-800: #00614C;
  --hb-color-jade-850: #005241;
  --hb-color-jade-900: #004537;
  --hb-color-mauve-300: #B5A8AF;
  --hb-color-mauve-400: #A89AA1;
  --hb-color-mauve-450: #A0939B;
  --hb-color-mauve-500: #8E818A;
  --hb-color-mauve-550: #857880;
  --hb-color-plum-300: #E07A99;
  --hb-color-plum-400: #CC557A;
  --hb-color-plum-500: #B0416A;
  --hb-color-plum-600: #99244F;
  --hb-color-plum-700: #7E1B41;
  --hb-color-rust-300: #EF9376;
  --hb-color-rust-500: #D2521A;
  --hb-color-rust-600: #BB3A01;
  --hb-color-rust-700: #A83608;
  --hb-color-seafoam-300: #6FC9D0;
  --hb-color-seafoam-400: #4EBB9D;
  --hb-color-seafoam-500: #2E9B7F;
  --hb-color-seafoam-700: #236A80;
  --hb-color-seafoam-750: #1D5E70;
  --hb-color-seafoam-800: #164F5F;
  --hb-color-stone-400: #7D7367;
  --hb-color-stone-500: #6C6153;
  --hb-color-stone-550: #6A6158;
  --hb-color-stone-600: #5C534B;
  --hb-color-stone-700: #574E45;
  --hb-decision-approve-once-color: var(--hb-color-interactive-default);
  --hb-decision-approve-once-variant: primary;
  --hb-decision-card-agent-mark: var(--hb-color-agent-identity);
  --hb-decision-card-ask: var(--hb-color-text-muted);
  --hb-decision-card-ask-size: var(--hb-font-size-md);
  --hb-decision-card-bg: var(--hb-color-surface-card);
  --hb-decision-card-border: var(--hb-color-border-default);
  --hb-decision-card-gap: var(--hb-space-3);
  --hb-decision-card-padding: var(--hb-space-5);
  --hb-decision-card-radius: var(--hb-radius-lg);
  --hb-decision-card-shadow: var(--hb-effect-card-shadow);
  --hb-decision-card-status: var(--hb-hold-state-held);
  --hb-decision-card-status-size: var(--hb-font-size-sm);
  --hb-decision-card-title: var(--hb-color-text-default);
  --hb-decision-card-title-size: var(--hb-font-size-base);
  --hb-decision-card-title-weight: var(--hb-font-weight-semibold);
  --hb-decision-custom-color: var(--hb-color-interactive-default);
  --hb-decision-custom-variant: secondary;
  --hb-decision-deny-color: var(--hb-color-danger-text);
  --hb-decision-deny-variant: danger-secondary;
  --hb-decision-recommended-color: var(--hb-color-interactive-default);
  --hb-decision-recommended-variant: secondary;
  --hb-decision-resume-color: var(--hb-color-interactive-default);
  --hb-decision-resume-variant: secondary;
  --hb-decision-task-color: var(--hb-color-interactive-default);
  --hb-decision-task-variant: secondary;
  --hb-decision-tell-more-color: var(--hb-color-interactive-default);
  --hb-decision-tell-more-variant: tertiary;
  --hb-dialog-bg: var(--hb-color-surface-overlay);
  --hb-dialog-body: var(--hb-color-text-muted);
  --hb-dialog-border: var(--hb-color-border-default);
  --hb-dialog-close-color: var(--hb-color-text-muted);
  --hb-dialog-close-size: var(--hb-layout-hit-target);
  --hb-dialog-gap: var(--hb-space-4);
  --hb-dialog-max-width: 40rem;
  --hb-dialog-padding: var(--hb-space-6);
  --hb-dialog-radius: var(--hb-radius-lg);
  --hb-dialog-scrim: var(--hb-color-surface-scrim);
  --hb-dialog-scrim-z-index: var(--hb-z-index-overlay);
  --hb-dialog-shadow: var(--hb-effect-card-shadow);
  --hb-dialog-title: var(--hb-color-text-default);
  --hb-dialog-title-size: var(--hb-font-size-xl);
  --hb-dialog-title-weight: var(--hb-font-weight-heavy);
  --hb-dialog-z-index: var(--hb-z-index-modal);
  --hb-empty-state-body: var(--hb-color-text-muted);
  --hb-empty-state-body-size: var(--hb-font-size-md);
  --hb-empty-state-gap: var(--hb-space-3);
  --hb-empty-state-icon: var(--hb-color-text-dim);
  --hb-empty-state-icon-size: var(--hb-icon-size-xl);
  --hb-empty-state-max-width: var(--hb-layout-measure);
  --hb-empty-state-title: var(--hb-color-text-default);
  --hb-empty-state-title-size: var(--hb-font-size-lg);
  --hb-font-family-artifact: 'Cousine', "Fira Code", Menlo, Consolas, monospace;
  --hb-font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hb-font-letter-spacing-artifact: 0.02em;
  --hb-font-letter-spacing-caps: 0.08em;
  --hb-font-letter-spacing-display: -0.03em;
  --hb-font-letter-spacing-heading: -0.02em;
  --hb-font-letter-spacing-normal: 0em;
  --hb-font-letter-spacing-text: -0.01em;
  --hb-font-line-height-body: 1.55;
  --hb-font-line-height-loose: 1.7;
  --hb-font-line-height-normal: 1.5;
  --hb-font-line-height-relaxed: 1.65;
  --hb-font-line-height-snug: 1.3;
  --hb-font-line-height-tight: 1.05;
  --hb-font-size-2xs: 0.625rem;
  --hb-font-size-base: 1rem;
  --hb-font-size-body: 1.0625rem;
  --hb-font-size-display-lg: clamp(2.4rem, 6vw, 4rem);
  --hb-font-size-display-md: clamp(2rem, 5vw, 3rem);
  --hb-font-size-display-sm: clamp(1.5rem, 3vw, 2rem);
  --hb-font-size-display-xl: clamp(2.6rem, 7vw, 5rem);
  --hb-font-size-lg: 1.15rem;
  --hb-font-size-md: 0.875rem;
  --hb-font-size-sm: 0.8rem;
  --hb-font-size-xl: 1.5rem;
  --hb-font-size-xs: 0.6875rem;
  --hb-font-weight-bold: 700;
  --hb-font-weight-heavy: 640;
  --hb-font-weight-medium: 500;
  --hb-font-weight-regular: 400;
  --hb-font-weight-semibold: 600;
  --hb-hold-state-awaiting-input: var(--hb-color-caution-default);
  --hb-hold-state-denied: var(--hb-color-danger-text);
  --hb-hold-state-expired: var(--hb-color-text-dim);
  --hb-hold-state-held: var(--hb-color-caution-default);
  --hb-hold-state-resolved: var(--hb-color-text-default);
  --hb-hold-state-running: var(--hb-color-text-muted);
  --hb-icon-size-lg: 1.5rem;
  --hb-icon-size-md: 1.25rem;
  --hb-icon-size-sm: 1rem;
  --hb-icon-size-xl: 2rem;
  --hb-input-bg: var(--hb-color-surface-ground);
  --hb-input-border: var(--hb-color-border-control);
  --hb-input-border-focus: var(--hb-color-interactive-default);
  --hb-input-border-hover: var(--hb-color-text-muted);
  --hb-input-border-width: var(--hb-border-width-hairline);
  --hb-input-disabled-bg: var(--hb-color-surface-control);
  --hb-input-disabled-border: var(--hb-color-surface-control);
  --hb-input-disabled-text: var(--hb-color-text-dim);
  --hb-input-error-border: var(--hb-color-danger-border);
  --hb-input-error-size: var(--hb-font-size-xs);
  --hb-input-error-text: var(--hb-color-danger-text);
  --hb-input-focus-color: var(--hb-button-focus-color);
  --hb-input-focus-offset: var(--hb-border-width-hairline);
  --hb-input-focus-width: var(--hb-button-focus-width);
  --hb-input-font-family: var(--hb-font-family-sans);
  --hb-input-font-size: var(--hb-font-size-md);
  --hb-input-gap: var(--hb-space-1);
  --hb-input-height: var(--hb-layout-hit-target);
  --hb-input-label-color: var(--hb-color-text-muted);
  --hb-input-label-size: var(--hb-font-size-xs);
  --hb-input-label-weight: var(--hb-font-weight-semibold);
  --hb-input-padding-x: var(--hb-space-4);
  --hb-input-placeholder: var(--hb-color-text-dim);
  --hb-input-radius: var(--hb-radius-md);
  --hb-input-text: var(--hb-color-text-default);
  --hb-kbd-border: currentColor;
  --hb-kbd-font: var(--hb-font-family-artifact);
  --hb-kbd-font-size: var(--hb-font-size-2xs);
  --hb-kbd-padding-x: 0.35em;
  --hb-kbd-radius: var(--hb-radius-xs);
  --hb-layout-card-inset: var(--hb-space-5);
  --hb-layout-footer-gap: var(--hb-space-24);
  --hb-layout-gutter: clamp(var(--hb-space-5), 5vw, var(--hb-space-12));
  --hb-layout-head-gap: var(--hb-space-10);
  --hb-layout-hit-target: 2.75rem;
  --hb-layout-measure: 66ch;
  --hb-layout-page-top: clamp(var(--hb-space-16), 12vh, 8rem);
  --hb-layout-section: var(--hb-space-24);
  --hb-motion-duration-base: 0.22s;
  --hb-motion-duration-fast: 0.15s;
  --hb-motion-duration-reveal: 0.7s;
  --hb-motion-duration-slow: 0.28s;
  --hb-motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --hb-motion-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --hb-motion-lift: -2px;
  --hb-motion-press: 0.98;
  --hb-nav-bg: var(--hb-color-surface-header);
  --hb-nav-bg-solid: var(--hb-color-surface-header-solid);
  --hb-nav-blur: var(--hb-effect-glass-blur);
  --hb-nav-current-indicator: var(--hb-color-interactive-default);
  --hb-nav-drawer-bg: var(--hb-color-surface-header-solid);
  --hb-nav-font-family: var(--hb-font-family-sans);
  --hb-nav-font-size: var(--hb-font-size-md);
  --hb-nav-font-weight: var(--hb-font-weight-medium);
  --hb-nav-footer-heading: var(--hb-color-text-default);
  --hb-nav-footer-heading-font-family: var(--hb-font-family-sans);
  --hb-nav-footer-heading-size: var(--hb-font-size-sm);
  --hb-nav-footer-heading-weight: var(--hb-font-weight-semibold);
  --hb-nav-footer-link: var(--hb-color-text-muted);
  --hb-nav-footer-link-hover: var(--hb-color-interactive-default);
  --hb-nav-gap: var(--hb-space-6);
  --hb-nav-hover-close-delay: 0.18s;
  --hb-nav-link: var(--hb-color-text-muted);
  --hb-nav-link-current: var(--hb-color-text-default);
  --hb-nav-link-hover: var(--hb-color-interactive-default);
  --hb-progress-fill: var(--hb-color-emphasis-default);
  --hb-progress-height: 0.375rem;
  --hb-progress-radius: var(--hb-radius-pill);
  --hb-progress-skeleton: var(--hb-color-surface-control);
  --hb-progress-skeleton-radius: var(--hb-radius-sm);
  --hb-progress-spinner-duration: 0.9s;
  --hb-progress-spinner-size: var(--hb-icon-size-md);
  --hb-progress-spinner-width: var(--hb-border-width-focus);
  --hb-progress-track: var(--hb-color-surface-control);
  --hb-radius-lg: 14px;
  --hb-radius-md: 10px;
  --hb-radius-pill: 999px;
  --hb-radius-round: 50%;
  --hb-radius-sm: 6px;
  --hb-radius-xl: 18px;
  --hb-radius-xs: 2px;
  --hb-selection-bg: var(--hb-color-surface-ground);
  --hb-selection-border: var(--hb-color-border-control);
  --hb-selection-checked-bg: var(--hb-color-interactive-default);
  --hb-selection-checked-border: var(--hb-color-interactive-default);
  --hb-selection-disabled-bg: var(--hb-color-surface-control);
  --hb-selection-disabled-border: var(--hb-color-surface-control);
  --hb-selection-hit-target: var(--hb-layout-hit-target);
  --hb-selection-label: var(--hb-color-text-default);
  --hb-selection-mark: var(--hb-color-interactive-on-fill);
  --hb-selection-radius: var(--hb-radius-xs);
  --hb-selection-size: 1.25rem;
  --hb-selection-switch-height: 1.5rem;
  --hb-selection-switch-thumb: var(--hb-color-surface-ground);
  --hb-selection-switch-track-off: var(--hb-color-border-control);
  --hb-selection-switch-track-on: var(--hb-color-interactive-default);
  --hb-selection-switch-width: 2.5rem;
  --hb-severity-control: var(--hb-color-danger-default);
  --hb-severity-emit: var(--hb-color-danger-text);
  --hb-severity-mutate: var(--hb-color-caution-strong);
  --hb-severity-read: var(--hb-color-caution-default);
  --hb-shadow-card-paper: 0 8px 24px rgba(30, 20, 24, 0.1);
  --hb-shadow-card-signal: 0 30px 80px rgba(0, 0, 0, 0.55);
  --hb-shadow-glass-signal: 0 8px 30px rgba(0, 0, 0, 0.4);
  --hb-shadow-halo-signal: 0 1px 6px rgba(17, 10, 14, 0.45), 0 0 2px rgba(17, 10, 14, 0.7);
  --hb-shadow-none: none;
  --hb-sidebar-bg: var(--hb-color-surface-raised);
  --hb-sidebar-border: var(--hb-color-border-default);
  --hb-sidebar-item-gap: var(--hb-space-1);
  --hb-sidebar-item-height: 2.5rem;
  --hb-sidebar-item-hover-text: var(--hb-nav-link-hover);
  --hb-sidebar-item-radius: var(--hb-radius-sm);
  --hb-sidebar-item-selected-bg: var(--hb-color-interactive-tint);
  --hb-sidebar-item-selected-indicator: var(--hb-color-interactive-default);
  --hb-sidebar-item-selected-text: var(--hb-color-text-default);
  --hb-sidebar-item-text: var(--hb-nav-link);
  --hb-sidebar-padding: var(--hb-space-4);
  --hb-sidebar-section-label: var(--hb-color-text-muted);
  --hb-sidebar-section-label-size: var(--hb-font-size-xs);
  --hb-sidebar-width: 15rem;
  --hb-sidebar-width-collapsed: 4rem;
  --hb-space-0: 0rem;
  --hb-space-1: 0.25rem;
  --hb-space-10: 2.5rem;
  --hb-space-12: 3rem;
  --hb-space-16: 4rem;
  --hb-space-2: 0.5rem;
  --hb-space-24: 6rem;
  --hb-space-3: 0.75rem;
  --hb-space-4: 1rem;
  --hb-space-5: 1.25rem;
  --hb-space-6: 1.5rem;
  --hb-space-8: 2rem;
  --hb-speaker-agent: var(--hb-color-agent-identity);
  --hb-speaker-habenula: var(--hb-color-text-strong);
  --hb-speaker-you: var(--hb-color-text-dim);
  --hb-table-artifact-font: var(--hb-font-family-artifact);
  --hb-table-border: var(--hb-color-border-soft);
  --hb-table-cell-padding-x: var(--hb-space-3);
  --hb-table-cell-padding-y: var(--hb-space-2);
  --hb-table-cell-size: var(--hb-font-size-sm);
  --hb-table-header-letter-spacing: var(--hb-font-letter-spacing-caps);
  --hb-table-header-size: var(--hb-font-size-xs);
  --hb-table-header-text: var(--hb-color-text-muted);
  --hb-table-header-weight: var(--hb-font-weight-semibold);
  --hb-table-row-hover: var(--hb-color-surface-raised);
  --hb-table-row-min-height: var(--hb-layout-hit-target);
  --hb-table-row-selected: var(--hb-color-interactive-tint);
  --hb-table-row-selected-indicator: var(--hb-color-interactive-default);
  --hb-table-text: var(--hb-color-text-default);
  --hb-table-text-muted: var(--hb-color-text-muted);
  --hb-tabs-font-size: var(--hb-font-size-md);
  --hb-tabs-font-weight: var(--hb-font-weight-semibold);
  --hb-tabs-gap: var(--hb-space-1);
  --hb-tabs-height: var(--hb-layout-hit-target);
  --hb-tabs-indicator: var(--hb-color-interactive-default);
  --hb-tabs-indicator-width: var(--hb-border-width-focus);
  --hb-tabs-padding-x: var(--hb-space-4);
  --hb-tabs-radius: var(--hb-radius-pill);
  --hb-tabs-selected-bg: var(--hb-color-interactive-default);
  --hb-tabs-selected-text: var(--hb-color-interactive-on-fill);
  --hb-tabs-text: var(--hb-color-text-muted);
  --hb-tabs-text-hover: var(--hb-color-interactive-default);
  --hb-tabs-track: var(--hb-color-surface-ground);
  --hb-tabs-track-border: var(--hb-color-border-control);
  --hb-toast-bg: var(--hb-color-surface-overlay);
  --hb-toast-border: var(--hb-color-border-default);
  --hb-toast-duration: var(--hb-motion-duration-slow);
  --hb-toast-gap: var(--hb-space-3);
  --hb-toast-max-width: 28rem;
  --hb-toast-padding: var(--hb-space-4);
  --hb-toast-radius: var(--hb-radius-md);
  --hb-toast-rule-caution: var(--hb-color-caution-default);
  --hb-toast-rule-danger: var(--hb-color-danger-border);
  --hb-toast-rule-done: var(--hb-color-text-strong);
  --hb-toast-rule-info: var(--hb-color-emphasis-default);
  --hb-toast-rule-width: var(--hb-border-width-focus);
  --hb-toast-shadow: var(--hb-effect-card-shadow);
  --hb-toast-text: var(--hb-color-text-default);
  --hb-toast-text-muted: var(--hb-color-text-muted);
  --hb-toast-z-index: var(--hb-z-index-toast);
  --hb-tooltip-bg: var(--hb-color-surface-inverse);
  --hb-tooltip-delay: var(--hb-motion-duration-slow);
  --hb-tooltip-font-size: var(--hb-font-size-xs);
  --hb-tooltip-font-weight: var(--hb-font-weight-medium);
  --hb-tooltip-max-width: 18rem;
  --hb-tooltip-padding-x: var(--hb-space-2);
  --hb-tooltip-padding-y: var(--hb-space-1);
  --hb-tooltip-radius: var(--hb-radius-sm);
  --hb-tooltip-text: var(--hb-color-text-on-inverse);
  --hb-tooltip-z-index: var(--hb-z-index-tooltip);
  --hb-tuple-agent: var(--hb-color-agent-identity);
  --hb-tuple-font: var(--hb-font-family-artifact);
  --hb-tuple-letter-spacing: var(--hb-font-letter-spacing-artifact);
  --hb-tuple-noun: var(--hb-color-text-default);
  --hb-tuple-separator: var(--hb-color-text-dim);
  --hb-tuple-service: var(--hb-color-text-muted);
  --hb-tuple-verb: var(--hb-color-emphasis-default);
  --hb-verify-build-matched: var(--hb-color-text-default);
  --hb-verify-complete: var(--hb-color-text-default);
  --hb-verify-failed: var(--hb-color-danger-text);
  --hb-verify-intact: var(--hb-color-text-default);
  --hb-verify-unchecked: var(--hb-color-text-dim);
  --hb-z-index-base: 0;
  --hb-z-index-drawer: 300;
  --hb-z-index-dropdown: 200;
  --hb-z-index-modal: 410;
  --hb-z-index-overlay: 400;
  --hb-z-index-raised: 1;
  --hb-z-index-sticky: 100;
  --hb-z-index-toast: 500;
  --hb-z-index-tooltip: 600;
  --hb-color-agent-identity: var(--hb-color-seafoam-800);
  --hb-color-border-control: var(--hb-color-stone-400);
  --hb-color-border-default: rgba(30, 20, 24, 0.12);
  --hb-color-border-soft: rgba(30, 20, 24, 0.08);
  --hb-color-border-strong: var(--hb-color-cream-300);
  --hb-color-caution-default: var(--hb-color-amber-700);
  --hb-color-caution-strong: var(--hb-color-amber-800);
  --hb-color-caution-text: var(--hb-color-amber-800);
  --hb-color-danger-bg: rgba(187, 58, 1, 0.06);
  --hb-color-danger-border: var(--hb-color-rust-600);
  --hb-color-danger-default: var(--hb-color-rust-600);
  --hb-color-danger-line: rgba(187, 58, 1, 0.45);
  --hb-color-danger-text: var(--hb-color-rust-700);
  --hb-color-dot: rgba(40, 28, 16, 0.09);
  --hb-color-emphasis-default: var(--hb-color-plum-600);
  --hb-color-emphasis-dim: var(--hb-color-plum-700);
  --hb-color-interactive-default: var(--hb-color-jade-800);
  --hb-color-interactive-hover: var(--hb-color-jade-850);
  --hb-color-interactive-on-fill: var(--hb-color-cream-150);
  --hb-color-interactive-pressed: var(--hb-color-jade-900);
  --hb-color-interactive-selection: rgba(0, 97, 76, 0.22);
  --hb-color-interactive-tint: rgba(0, 97, 76, 0.14);
  --hb-color-surface-card: rgba(30, 20, 24, 0.035);
  --hb-color-surface-control: rgba(30, 20, 24, 0.06);
  --hb-color-surface-ground: var(--hb-color-cream-150);
  --hb-color-surface-header: rgba(240, 233, 212, 0.82);
  --hb-color-surface-header-solid: rgba(240, 233, 212, 0.96);
  --hb-color-surface-inverse: var(--hb-color-ink-900);
  --hb-color-surface-overlay: var(--hb-color-cream-150);
  --hb-color-surface-raised: rgba(30, 20, 24, 0.03);
  --hb-color-surface-scrim: rgba(30, 20, 24, 0.45);
  --hb-color-surface-seabed: var(--hb-color-cream-400);
  --hb-color-surface-term: var(--hb-color-cream-200);
  --hb-color-text-default: var(--hb-color-ink-900);
  --hb-color-text-dim: var(--hb-color-stone-600);
  --hb-color-text-muted: var(--hb-color-stone-700);
  --hb-color-text-on-inverse: var(--hb-color-cream-150);
  --hb-color-text-strong: var(--hb-color-ink-900);
  --hb-effect-atmosphere: none;
  --hb-effect-card-shadow: var(--hb-shadow-card-paper);
  --hb-effect-dot-opacity: 0.5;
  --hb-effect-glass-blur: none;
  --hb-effect-glass-shadow: var(--hb-shadow-none);
  --hb-effect-halo: var(--hb-shadow-none);
  --hb-effect-logo-filter: invert(0.92) sepia(0.06);
  --hb-effect-overprint: multiply;
  --hb-effect-reef-line: rgba(30, 20, 24, 0.45);
  --hb-emphasis-step-0-color: var(--hb-color-text-dim);
  --hb-emphasis-step-0-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-1-color: var(--hb-color-text-muted);
  --hb-emphasis-step-1-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-2-color: var(--hb-color-text-default);
  --hb-emphasis-step-2-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-3-color: var(--hb-color-text-strong);
  --hb-emphasis-step-3-weight: var(--hb-font-weight-semibold);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --hb-color-agent-identity: var(--hb-color-seafoam-300);
  --hb-color-border-control: var(--hb-color-mauve-550);
  --hb-color-border-default: rgba(251, 247, 242, 0.09);
  --hb-color-border-soft: rgba(251, 247, 242, 0.055);
  --hb-color-border-strong: var(--hb-color-ink-700);
  --hb-color-caution-default: var(--hb-color-amber-300);
  --hb-color-caution-strong: var(--hb-color-amber-400);
  --hb-color-caution-text: var(--hb-color-amber-300);
  --hb-color-danger-bg: rgba(187, 58, 1, 0.06);
  --hb-color-danger-border: var(--hb-color-rust-500);
  --hb-color-danger-default: var(--hb-color-rust-600);
  --hb-color-danger-line: rgba(187, 58, 1, 0.4);
  --hb-color-danger-text: var(--hb-color-rust-300);
  --hb-color-dot: rgba(251, 247, 242, 0.15);
  --hb-color-emphasis-default: var(--hb-color-plum-300);
  --hb-color-emphasis-dim: var(--hb-color-plum-500);
  --hb-color-interactive-default: var(--hb-color-jade-400);
  --hb-color-interactive-hover: var(--hb-color-jade-300);
  --hb-color-interactive-on-fill: var(--hb-color-ink-950);
  --hb-color-interactive-pressed: var(--hb-color-jade-500);
  --hb-color-interactive-selection: rgba(108, 195, 138, 0.26);
  --hb-color-interactive-tint: rgba(108, 195, 138, 0.16);
  --hb-color-surface-card: rgba(251, 247, 242, 0.03);
  --hb-color-surface-control: rgba(251, 247, 242, 0.085);
  --hb-color-surface-ground: var(--hb-color-ink-950);
  --hb-color-surface-header: rgba(17, 10, 14, 0.62);
  --hb-color-surface-header-solid: rgba(17, 10, 14, 0.94);
  --hb-color-surface-inverse: var(--hb-color-cream-50);
  --hb-color-surface-overlay: var(--hb-color-ink-850);
  --hb-color-surface-raised: rgba(251, 247, 242, 0.022);
  --hb-color-surface-scrim: rgba(0, 0, 0, 0.6);
  --hb-color-surface-seabed: var(--hb-color-ink-850);
  --hb-color-surface-term: var(--hb-color-ink-1000);
  --hb-color-text-default: var(--hb-color-cream-50);
  --hb-color-text-dim: var(--hb-color-mauve-400);
  --hb-color-text-muted: var(--hb-color-mauve-300);
  --hb-color-text-on-inverse: var(--hb-color-ink-950);
  --hb-color-text-strong: var(--hb-color-cream-100);
  --hb-effect-atmosphere: block;
  --hb-effect-card-shadow: var(--hb-shadow-card-signal);
  --hb-effect-dot-opacity: 0.72;
  --hb-effect-glass-blur: blur(8px);
  --hb-effect-glass-shadow: var(--hb-shadow-glass-signal);
  --hb-effect-halo: var(--hb-shadow-halo-signal);
  --hb-effect-logo-filter: none;
  --hb-effect-overprint: screen;
  --hb-effect-reef-line: rgba(251, 247, 242, 0.40);
  --hb-emphasis-step-0-color: var(--hb-color-text-dim);
  --hb-emphasis-step-0-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-1-color: var(--hb-color-text-muted);
  --hb-emphasis-step-1-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-2-color: var(--hb-color-text-default);
  --hb-emphasis-step-2-weight: var(--hb-font-weight-regular);
  --hb-emphasis-step-3-color: var(--hb-color-text-strong);
  --hb-emphasis-step-3-weight: var(--hb-font-weight-semibold);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --hb-color-agent-identity: var(--hb-color-seafoam-300);
    --hb-color-border-control: var(--hb-color-mauve-550);
    --hb-color-border-default: rgba(251, 247, 242, 0.09);
    --hb-color-border-soft: rgba(251, 247, 242, 0.055);
    --hb-color-border-strong: var(--hb-color-ink-700);
    --hb-color-caution-default: var(--hb-color-amber-300);
    --hb-color-caution-strong: var(--hb-color-amber-400);
    --hb-color-caution-text: var(--hb-color-amber-300);
    --hb-color-danger-bg: rgba(187, 58, 1, 0.06);
    --hb-color-danger-border: var(--hb-color-rust-500);
    --hb-color-danger-default: var(--hb-color-rust-600);
    --hb-color-danger-line: rgba(187, 58, 1, 0.4);
    --hb-color-danger-text: var(--hb-color-rust-300);
    --hb-color-dot: rgba(251, 247, 242, 0.15);
    --hb-color-emphasis-default: var(--hb-color-plum-300);
    --hb-color-emphasis-dim: var(--hb-color-plum-500);
    --hb-color-interactive-default: var(--hb-color-jade-400);
    --hb-color-interactive-hover: var(--hb-color-jade-300);
    --hb-color-interactive-on-fill: var(--hb-color-ink-950);
    --hb-color-interactive-pressed: var(--hb-color-jade-500);
    --hb-color-interactive-selection: rgba(108, 195, 138, 0.26);
    --hb-color-interactive-tint: rgba(108, 195, 138, 0.16);
    --hb-color-surface-card: rgba(251, 247, 242, 0.03);
    --hb-color-surface-control: rgba(251, 247, 242, 0.085);
    --hb-color-surface-ground: var(--hb-color-ink-950);
    --hb-color-surface-header: rgba(17, 10, 14, 0.62);
    --hb-color-surface-header-solid: rgba(17, 10, 14, 0.94);
    --hb-color-surface-inverse: var(--hb-color-cream-50);
    --hb-color-surface-overlay: var(--hb-color-ink-850);
    --hb-color-surface-raised: rgba(251, 247, 242, 0.022);
    --hb-color-surface-scrim: rgba(0, 0, 0, 0.6);
    --hb-color-surface-seabed: var(--hb-color-ink-850);
    --hb-color-surface-term: var(--hb-color-ink-1000);
    --hb-color-text-default: var(--hb-color-cream-50);
    --hb-color-text-dim: var(--hb-color-mauve-400);
    --hb-color-text-muted: var(--hb-color-mauve-300);
    --hb-color-text-on-inverse: var(--hb-color-ink-950);
    --hb-color-text-strong: var(--hb-color-cream-100);
    --hb-effect-atmosphere: block;
    --hb-effect-card-shadow: var(--hb-shadow-card-signal);
    --hb-effect-dot-opacity: 0.72;
    --hb-effect-glass-blur: blur(8px);
    --hb-effect-glass-shadow: var(--hb-shadow-glass-signal);
    --hb-effect-halo: var(--hb-shadow-halo-signal);
    --hb-effect-logo-filter: none;
    --hb-effect-overprint: screen;
    --hb-effect-reef-line: rgba(251, 247, 242, 0.40);
    --hb-emphasis-step-0-color: var(--hb-color-text-dim);
    --hb-emphasis-step-0-weight: var(--hb-font-weight-regular);
    --hb-emphasis-step-1-color: var(--hb-color-text-muted);
    --hb-emphasis-step-1-weight: var(--hb-font-weight-regular);
    --hb-emphasis-step-2-color: var(--hb-color-text-default);
    --hb-emphasis-step-2-weight: var(--hb-font-weight-regular);
    --hb-emphasis-step-3-color: var(--hb-color-text-strong);
    --hb-emphasis-step-3-weight: var(--hb-font-weight-semibold);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --hb-motion-duration-base: 0s;
    --hb-motion-duration-fast: 0s;
    --hb-motion-duration-reveal: 0s;
    --hb-motion-duration-slow: 0s;
    --hb-motion-lift: 0px;
    --hb-motion-press: 1;
  }
}