/* generated by code/tokens.py -- do not hand-edit */
/* Tokens are for UI chrome. The SVG assets bake literal hex on purpose. */
:root {
  --cp-brand-ink: #15181C;
  --cp-brand-light: #E3E6EA;
  --cp-brand-bronze: #A87A3C;
  --cp-brand-bronze-deep: #8D6732;
  --cp-brand-bronze-lift: #AD7D3E;
  --cp-brand-paper: #F2F3F5;
  --cp-light-surface-page: #F2F3F5;
  --cp-light-surface-card: #FFFFFF;
  --cp-light-surface-recessed: #E7E9EC;
  --cp-light-surface-dark-block: #15181C;
  --cp-light-text-primary: #15181C;
  --cp-light-text-body: #39404A;
  --cp-light-text-secondary: #5D6673;
  --cp-light-text-muted-large: #6E7783;
  --cp-light-border-hairline: #D3D7DC;
  --cp-light-border-strong: #848C97;
  --cp-light-interactive-link: #335993;
  --cp-light-interactive-link-hover: #2A4B7C;
  --cp-light-interactive-focus-ring: #3660A1;
  --cp-light-interactive-selection: #D7DEEA;
  --cp-light-interactive-disabled: #6E7783;
  --cp-light-state-success: #437165;
  --cp-light-state-error: #642B30;
  --cp-light-state-live: #4A7E70;
  --cp-dark-surface-page: #15181C;
  --cp-dark-surface-card: #242A32;
  --cp-dark-text-primary: #E3E6EA;
  --cp-dark-text-body: #AEB6C0;
  --cp-dark-text-secondary: #8B94A0;
  --cp-dark-border-hairline: #39414B;
  --cp-dark-border-strong: #6D7683;
  --cp-dark-interactive-link: #8FB2E6;
  --cp-dark-interactive-link-hover: #A9C4EC;
  --cp-dark-interactive-focus-ring: #8FB2E6;
  --cp-dark-interactive-selection: #22303F;
  --cp-dark-interactive-disabled: #8B94A0;
  --cp-dark-state-success: #5C9D8B;
  --cp-dark-state-error: #DDA398;
  --cp-dark-state-live: #5C9D8B;
  --cp-font-family-display: 'CPText','TeX Gyre Heros','Nimbus Sans',ui-sans-serif,system-ui,sans-serif;
  --cp-font-family-condensed: 'CPCond','TeX Gyre Heros Cn','Nimbus Sans Narrow','Arial Narrow',sans-serif;
  --cp-font-weight-regular: 400;
  --cp-font-weight-bold: 700;
  --cp-font-scale-display-size: 34;
  --cp-font-scale-display-line: 39;
  --cp-font-scale-display-tracking: -0.012em;
  --cp-font-scale-display-family: display;
  --cp-font-scale-display-weight: 400;
  --cp-font-scale-heading-size: 21;
  --cp-font-scale-heading-line: 26;
  --cp-font-scale-heading-tracking: -0.01em;
  --cp-font-scale-heading-family: display;
  --cp-font-scale-heading-weight: 400;
  --cp-font-scale-body-size: 16;
  --cp-font-scale-body-line: 26;
  --cp-font-scale-body-tracking: 0;
  --cp-font-scale-body-family: display;
  --cp-font-scale-body-weight: 400;
  --cp-font-scale-caption-size: 13.5;
  --cp-font-scale-caption-line: 21;
  --cp-font-scale-caption-tracking: 0;
  --cp-font-scale-caption-family: display;
  --cp-font-scale-caption-weight: 400;
  --cp-font-scale-label-size: 12;
  --cp-font-scale-label-line: 17;
  --cp-font-scale-label-tracking: +0.20em;
  --cp-font-scale-label-family: condensed;
  --cp-font-scale-label-weight: 700;
  --cp-font-scale-label-transform: uppercase;
  --cp-font-measure: 74ch;
  --cp-space-1: 4px;
  --cp-space-2: 8px;
  --cp-space-3: 12px;
  --cp-space-4: 16px;
  --cp-space-5: 24px;
  --cp-space-6: 32px;
  --cp-space-7: 48px;
  --cp-space-8: 64px;
  --cp-space-9: 96px;
  --cp-radius-control: 3px;
  --cp-radius-card: 5px;
  --cp-radius-block: 6px;
  --cp-radius-tile: 22%;
  --cp-border-width-hairline: 1px;
  --cp-border-width-focus: 2px;
  --cp-motion-duration-hover: 120ms;
  --cp-motion-duration-state: 200ms;
  --cp-motion-duration-layout: 320ms;
  --cp-motion-duration-brand-unfold: 4.6s;
  --cp-motion-easing-smooth: cubic-bezier(0.33, 0, 0.67, 1);
  --cp-breakpoint-narrow: 640;
  --cp-breakpoint-content: 1020;
  --cp-breakpoint-rail: 1340;
}
@media (prefers-color-scheme: dark) { /* remap the light roles */ }