/* GENERATED from docs/design/TOKENS.json by docs/design/tools/build_tokens.mjs. Do not edit. */
:root {
  /* primitive */
  --p-color-neutral-0: #0B0B0A;
  --p-color-neutral-50: #131311;
  --p-color-neutral-100: #1B1B18;
  --p-color-neutral-150: #24241F;
  --p-color-neutral-200: #2E2E29;
  --p-color-neutral-300: #45443D;
  --p-color-neutral-400: #75736A;
  --p-color-neutral-500: #8F8C81;
  --p-color-neutral-700: #B3B0A5;
  --p-color-neutral-900: #EDEBE4;
  --p-color-blue-100: #CDE2FB;
  --p-color-blue-250: #86B6EF;
  --p-color-blue-350: #5598E7;
  --p-color-blue-400: #3987E5;
  --p-color-blue-450: #2A78D6;
  --p-color-blue-600: #184F95;
  --p-color-orange-500: #D95926;
  --p-color-aqua-500: #199E70;
  --p-color-green-500: #2FBF4A;
  --p-color-yellow-500: #FAB219;
  --p-color-coral-500: #EC835A;
  --p-color-red-300: #FF7A7A;
  --p-color-red-400: #FF6369;
  --p-color-red-600: #D03B3B;
  --p-color-black-scrim: #000000B3;
  --p-font-family-condensed: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;
  --p-font-family-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-size-100: 0.6875rem;
  --p-font-size-200: 0.8125rem;
  --p-font-size-300: 0.875rem;
  --p-font-size-400: 1rem;
  --p-font-size-500: 1.25rem;
  --p-font-size-600: 1.625rem;
  --p-font-size-hero: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  --p-space-100: 0.25rem;
  --p-space-200: 0.5rem;
  --p-space-300: 0.75rem;
  --p-space-400: 1rem;
  --p-space-600: 1.5rem;
  --p-space-800: 2rem;
  --p-space-050: 0.125rem;
  --p-radius-0: 0px;
  --p-radius-2: 2px;
  --p-duration-instant: 0ms;
  --p-duration-fast: 120ms;
  --p-duration-flash: 600ms;
  --p-duration-sweep: 700ms;
  --p-easing-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  /* semantic */
  --color-bg-page: var(--p-color-neutral-0);
  --color-bg-surface: var(--p-color-neutral-50);
  --color-bg-strip: var(--p-color-neutral-100);
  --color-bg-hover: var(--p-color-neutral-150);
  --color-bg-scrim: var(--p-color-black-scrim);
  --color-border-hairline: var(--p-color-neutral-200);
  --color-border-strong: var(--p-color-neutral-300);
  --color-border-control: var(--p-color-neutral-400);
  --color-border-focus: var(--p-color-neutral-900);
  --color-text-primary: var(--p-color-neutral-900);
  --color-text-secondary: var(--p-color-neutral-700);
  --color-text-muted: var(--p-color-neutral-500);
  --color-text-inverse: var(--p-color-neutral-0);
  --color-text-danger: var(--p-color-red-300);
  --color-text-pnl-up: var(--p-color-green-500);
  --color-text-pnl-down: var(--p-color-red-400);
  --color-action-primary: var(--p-color-neutral-900);
  --color-action-primary-hover: var(--p-color-neutral-700);
  --color-action-danger-border: var(--p-color-red-600);
  --color-status-good: var(--p-color-green-500);
  --color-status-warning: var(--p-color-yellow-500);
  --color-status-serious: var(--p-color-coral-500);
  --color-status-critical: var(--p-color-red-600);
  --color-series-claude: var(--p-color-blue-400);
  --color-series-codex: var(--p-color-orange-500);
  --color-series-grok: var(--p-color-aqua-500);
  --color-series-nonai: var(--p-color-neutral-500);
  --color-seq-1: var(--p-color-blue-600);
  --color-seq-2: var(--p-color-blue-450);
  --color-seq-3: var(--p-color-blue-350);
  --color-seq-4: var(--p-color-blue-250);
  --color-seq-5: var(--p-color-blue-100);
  --font-ui: var(--p-font-family-condensed);
  --font-data: var(--p-font-family-mono);
  --text-micro: var(--p-font-size-100);
  --text-data: var(--p-font-size-200);
  --text-body: var(--p-font-size-300);
  --text-input: var(--p-font-size-400);
  --text-h2: var(--p-font-size-500);
  --text-h1: var(--p-font-size-600);
  --text-hero: var(--p-font-size-hero);
  --space-xxs: var(--p-space-050);
  --space-xs: var(--p-space-100);
  --space-sm: var(--p-space-200);
  --space-md: var(--p-space-300);
  --space-lg: var(--p-space-400);
  --space-xl: var(--p-space-600);
  --space-xxl: var(--p-space-800);
  --radius-control: var(--p-radius-2);
  --radius-panel: var(--p-radius-0);
  --motion-fast: var(--p-duration-fast);
  --motion-flash: var(--p-duration-flash);
  --motion-sweep: var(--p-duration-sweep);
  --motion-ease: var(--p-easing-out);
  /* component */
  --c-button-primary-bg: var(--color-action-primary);
  --c-button-primary-text: var(--color-text-inverse);
  --c-button-danger-border: var(--color-action-danger-border);
  --c-button-danger-text: var(--color-text-danger);
  --c-button-height: 2rem;
  --c-button-height-touch: 2.75rem;
  --c-panel-strip-height: 1.625rem;
  --c-panel-gap: var(--space-sm);
  --c-table-row-height: 1.75rem;
  --c-table-row-height-touch: 2.25rem;
  --c-runbar-height: 2.75rem;
  --c-runbar-phase-done: var(--color-text-secondary);
  --c-runbar-phase-active: var(--color-text-primary);
  --c-runbar-phase-todo: var(--color-border-strong);
  --c-dimstrip-cell-on: var(--color-text-primary);
  --c-dimstrip-cell-off: var(--color-border-hairline);
  --c-dimstrip-cell-new: var(--color-seq-4);
}