/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-content-knockout: #f8f8f8;
  --color-content-knockout-muted: rgba(248, 248, 248, 0.7);
  --color-content-default: #313638;
  --color-content-headline: #0f0f0f;
  --color-content-body: rgba(15, 15, 15, 0.7);
  --color-content-subtle: rgba(15, 15, 15, 0.6);
  --color-content-disabled: rgba(15, 15, 15, 0.4);
  --color-background-knockout: #313638;
  --color-background-default: #f8f8f8;
  --color-background-subtle: #faf9f5;
  --color-background-surface: #ffffff;
  --color-background-overlay: rgba(15, 15, 15, 0.8);
  --color-overlay-raise: rgba(255, 255, 255, 0.05);
  --color-brand-primary-100: #fde3cc;
  --color-brand-primary-200: #fcc09b;
  --color-brand-primary-300: #f69368;
  --color-brand-primary-400: #ec6942;
  --color-brand-primary-500: #e12a09;
  --color-brand-primary-600: #c11406;
  --color-brand-primary-700: #a20404;
  --color-brand-primary-800: #82020d;
  --color-brand-primary-900: #6c0112;
  --color-brand-primary-alpha-40: rgba(225, 42, 9, 0.4);
  --color-neutral-100: #ffffff;
  --color-neutral-200: #dddddd;
  --color-neutral-300: #cccccc;
  --color-neutral-400: #909090;
  --color-neutral-500: #777777;
  --color-neutral-600: #555555;
  --color-neutral-700: #333333;
  --color-neutral-800: #111111;
  --color-neutral-900: #000000;
  --color-utility-success-light: #e3f2e9;
  --color-utility-success-default: #007b31;
  --color-utility-success-dark: #005522;
  --color-utility-warning-light: #fff3d6;
  --color-utility-warning-default: #9a6200;
  --color-utility-warning-dark: #6e4600;
  --color-utility-error-light: #fbe5e5;
  --color-utility-error-default: #d00000;
  --color-utility-error-dark: #7e0000;
  --color-utility-xray-atom: #3b4ede;
  --color-utility-xray-molecule: #7a3bde;
  --color-utility-xray-organism: #00754a;
  --color-utility-xray-template: #b26e00;
  --color-border-hairline: rgba(15, 15, 15, 0.08);
  --color-border-default: #cccccc;
  --color-border-strong: #909090;
  --color-border-focus: #0f0f0f;
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-moderate: 300ms;
  --duration-sheet: 420ms;
  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --easing-sheet: cubic-bezier(0.32, 0.72, 0, 1);
  --spacing-0: 0;
  --spacing-8: 0.5rem;
  --spacing-16: 1rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-128: 8rem;
  --spacing-160: 10rem;
  --spacing-gap-sm: 0.5rem;
  --spacing-gap-md: 1rem;
  --spacing-gap-lg: 1.5rem;
  --spacing-gap-xlg: 3rem;
  --container-gutter: 3rem;
  --container-max-width: 100rem;
  --section-padding: 3rem;
  --control-toggle: 3rem;
  --control-toggle-bar: 1.75rem;
  --control-toggle-gap: 0.375rem;
  --blur-subtle: 0.5rem;
  --stroke-width-hairline: 0.0625rem;
  --stroke-width-medium: 0.125rem;
  --stroke-width-thick: 0.25rem;
  --border-radius-none: 0;
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-radius-round: 624.9375rem;
  --breakpoint-sm: 48rem;
  --breakpoint-md: 64rem;
  --breakpoint-lg: 80rem;
  --typography-font-family-display: neue-haas-grotesk-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --typography-font-family-base: neue-haas-grotesk-text, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --typography-font-family-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --typography-font-size-12: 0.75rem;
  --typography-font-size-14: 0.875rem;
  --typography-font-size-16: 1rem;
  --typography-font-size-20: 1.25rem;
  --typography-font-size-24: 1.5rem;
  --typography-font-size-32: 2rem;
  --typography-font-size-40: 2.5rem;
  --typography-font-size-48: 3rem;
  --typography-font-size-56: 3.5rem;
  --typography-font-size-64: 4rem;
  --typography-font-size-80: 5rem;
  --typography-font-weight-regular: 400;
  --typography-font-weight-medium: 500;
  --typography-font-weight-semi: 600;
  --typography-font-weight-bold: 700;
  --typography-font-weight-heavy: 800;
  --typography-line-height-16: 1rem;
  --typography-line-height-24: 1.5rem;
  --typography-line-height-32: 2rem;
  --typography-line-height-40: 2.5rem;
  --typography-line-height-48: 3rem;
  --typography-line-height-56: 3.5rem;
  --typography-line-height-64: 4rem;
  --typography-line-height-72: 4.5rem;
  --typography-line-height-88: 5.5rem;
  --typography-letter-spacing-0: 0;
  --control-size-toggle: var(--control-toggle);
  --control-size-toggle-bar: var(--control-toggle-bar);
  --control-size-toggle-gap: var(--control-toggle-gap);
  --control-size-handle: var(--spacing-40);
  --text-color-heading: var(--color-content-headline);
  --text-color-default: var(--color-content-default);
  --text-color-body: var(--color-content-body);
  --text-color-subtle: var(--color-content-subtle);
  --text-color-disabled: var(--color-content-disabled);
  --text-color-knockout: var(--color-content-knockout);
  --text-color-knockout-muted: var(--color-content-knockout-muted);
  --text-color-link: var(--color-brand-primary-600);
  --text-color-link-hover: var(--color-brand-primary-700);
  --text-color-link-large: var(--color-brand-primary-500);
  --text-family-display: var(--typography-font-family-display);
  --text-family-base: var(--typography-font-family-base);
  --text-family-mono: var(--typography-font-family-mono);
  --text-size-display: var(--typography-font-size-80);
  --text-size-display-sm: var(--typography-font-size-40);
  --text-size-heading-xl: var(--typography-font-size-56);
  --text-size-heading-lg: var(--typography-font-size-32);
  --text-size-heading-md: var(--typography-font-size-24);
  --text-size-body-lg: var(--typography-font-size-24);
  --text-size-body: var(--typography-font-size-16);
  --text-size-ui: var(--typography-font-size-14);
  --text-size-caption: var(--typography-font-size-12);
  --text-weight-display: var(--typography-font-weight-heavy);
  --text-weight-heading: var(--typography-font-weight-semi);
  --text-weight-editorial: var(--typography-font-weight-regular);
  --text-weight-body: var(--typography-font-weight-regular);
  --text-weight-emphasis: var(--typography-font-weight-medium);
  --text-weight-brand: var(--typography-font-weight-bold);
  --text-line-height-display: var(--typography-line-height-88);
  --text-line-height-display-sm: var(--typography-line-height-48);
  --text-line-height-heading-xl: var(--typography-line-height-64);
  --text-line-height-heading-lg: var(--typography-line-height-40);
  --text-line-height-heading-md: var(--typography-line-height-32);
  --text-line-height-body-lg: var(--typography-line-height-32);
  --text-line-height-body: var(--typography-line-height-24);
  --text-line-height-ui: var(--typography-line-height-24);
  --text-line-height-caption: var(--typography-line-height-16);
  --text-tracking-default: var(--typography-letter-spacing-0);
  --surface-color-page: var(--color-background-default);
  --surface-color-alt: var(--color-background-subtle);
  --surface-color-card: var(--color-background-surface);
  --surface-color-inverse: var(--color-background-knockout);
  --surface-color-overlay: var(--color-background-overlay);
  --surface-color-highlight: var(--color-brand-primary-alpha-40);
  --surface-color-raise: var(--color-overlay-raise);
  --border-color-hairline: var(--color-border-hairline);
  --border-color-default: var(--color-border-default);
  --border-color-strong: var(--color-border-strong);
  --border-color-focus: var(--color-border-focus);
  --border-width-hairline: var(--stroke-width-hairline);
  --border-width-medium: var(--stroke-width-medium);
  --border-width-focus: var(--stroke-width-medium);
  --border-width-thick: var(--stroke-width-thick);
  --action-color-default: var(--color-brand-primary-600);
  --action-color-hover: var(--color-brand-primary-700);
  --action-color-active: var(--color-brand-primary-800);
  --action-color-accent: var(--color-brand-primary-500);
  --action-color-subtle: var(--color-brand-primary-100);
  --xray-color-atom: var(--color-utility-xray-atom);
  --xray-color-molecule: var(--color-utility-xray-molecule);
  --xray-color-organism: var(--color-utility-xray-organism);
  --xray-color-template: var(--color-utility-xray-template);
  --feedback-color-success: var(--color-utility-success-default);
  --feedback-color-success-bg: var(--color-utility-success-light);
  --feedback-color-success-text: var(--color-utility-success-dark);
  --feedback-color-warning: var(--color-utility-warning-default);
  --feedback-color-warning-bg: var(--color-utility-warning-light);
  --feedback-color-warning-text: var(--color-utility-warning-dark);
  --feedback-color-error: var(--color-utility-error-default);
  --feedback-color-error-bg: var(--color-utility-error-light);
  --feedback-color-error-text: var(--color-utility-error-dark);
  --motion-duration-ui: var(--duration-fast);
  --motion-duration-enter: var(--duration-base);
  --motion-duration-toggle: var(--duration-moderate);
  --motion-duration-sheet: var(--duration-sheet);
  --motion-easing-ui: var(--easing-standard);
  --motion-easing-enter: var(--easing-decelerate);
  --motion-easing-sheet: var(--easing-sheet);
  --space-xs: var(--spacing-8);
  --space-sm: var(--spacing-16);
  --space-md: var(--spacing-24);
  --space-lg: var(--spacing-32);
  --space-xl: var(--spacing-48);
  --space-2xl: var(--spacing-64);
  --space-3xl: var(--spacing-96);
  --space-4xl: var(--spacing-128);
  --space-section-y: var(--section-padding);
  --space-section-x: var(--section-padding);
  --space-nav-y: var(--spacing-24);
  --space-nav-x: var(--spacing-48);
  --space-gutter: var(--container-gutter);
  --space-grid-column-gap: var(--spacing-gap-xlg);
  --space-grid-row-gap: var(--spacing-gap-lg);
  --space-stack-tight: var(--spacing-8);
  --space-stack-default: var(--spacing-24);
  --space-stack-loose: var(--spacing-48);
  --layout-container-max: var(--container-max-width);
  --effect-blur-subtle: var(--blur-subtle);
  --radius-none: var(--border-radius-none);
  --radius-sm: var(--border-radius-sm);
  --radius-md: var(--border-radius-md);
  --radius-round: var(--border-radius-round);
  --button-color-background: var(--action-color-default);
  --button-color-background-hover: var(--action-color-hover);
  --button-color-background-active: var(--action-color-active);
  --button-color-text: var(--text-color-knockout);
  --button-color-quiet-text: var(--action-color-default);
  --button-color-quiet-text-hover: var(--action-color-hover);
  --button-color-solid-background: var(--surface-color-inverse);
  --button-color-solid-text: var(--text-color-knockout);
  --button-space-inset-y: var(--space-xs);
  --button-space-inset-x: var(--space-sm);
  --button-radius-default: var(--radius-sm);
  --case-hero-color-background: var(--surface-color-card);
  --case-hero-color-title: var(--text-color-heading);
  --case-hero-color-lead: var(--text-color-body);
  --case-hero-color-meta: var(--text-color-subtle);
  --case-hero-color-inverse-background: var(--surface-color-inverse);
  --case-hero-color-inverse-title: var(--text-color-knockout);
  --case-hero-color-inverse-lead: var(--text-color-knockout-muted);
  --case-hero-color-inverse-meta: var(--text-color-knockout-muted);
  --case-hero-space-inset-y: var(--space-3xl);
  --case-hero-space-gap: var(--space-grid-column-gap);
  --chip-color-background: var(--surface-color-card);
  --chip-color-text: var(--text-color-default);
  --chip-color-border: var(--border-color-default);
  --chip-color-success-background: var(--feedback-color-success-bg);
  --chip-color-success-text: var(--feedback-color-success-text);
  --chip-color-warning-background: var(--feedback-color-warning-bg);
  --chip-color-warning-text: var(--feedback-color-warning-text);
  --chip-color-error-background: var(--feedback-color-error-bg);
  --chip-color-error-text: var(--feedback-color-error-text);
  --chip-space-inset-y: var(--space-xs);
  --chip-space-inset-x: var(--space-sm);
  --chip-radius-default: var(--radius-round);
  --field-color-background: var(--surface-color-card);
  --field-color-text: var(--text-color-default);
  --field-color-label: var(--text-color-heading);
  --field-color-placeholder: var(--text-color-subtle);
  --field-color-help: var(--text-color-subtle);
  --field-color-border: var(--border-color-default);
  --field-color-border-hover: var(--border-color-strong);
  --field-color-border-focus: var(--border-color-focus);
  --field-color-border-error: var(--feedback-color-error);
  --field-color-error: var(--feedback-color-error-text);
  --field-space-inset-x: var(--space-sm);
  --field-space-stack: var(--space-xs);
  --field-size-height: var(--space-xl);
  --field-radius-default: var(--radius-sm);
  --nav-color-background: var(--surface-color-page);
  --nav-color-link: var(--text-color-default);
  --nav-color-link-hover: var(--text-color-heading);
  --nav-color-link-current: var(--text-color-heading);
  --nav-color-logo: var(--text-color-default);
  --nav-color-logo-hover: var(--action-color-accent);
  --nav-color-logo-highlight: var(--surface-color-highlight);
  --nav-color-bar: var(--text-color-default);
  --nav-color-panel: var(--surface-color-page);
  --nav-size-toggle: var(--control-size-toggle);
  --nav-size-bar-inline: var(--control-size-toggle-bar);
  --nav-size-bar-gap: var(--control-size-toggle-gap);
  --nav-size-bar-stroke: var(--border-width-hairline);
  --nav-space-inset-y: var(--space-nav-y);
  --nav-space-inset-x: var(--space-nav-x);
  --nav-space-link-gap: var(--space-md);
  --nav-space-panel-gap: var(--space-lg);
  --nav-motion-duration: var(--motion-duration-ui);
  --nav-motion-easing: var(--motion-easing-ui);
  --nav-motion-toggle-duration: var(--motion-duration-toggle);
  --nav-motion-toggle-easing: var(--motion-easing-ui);
  --project-row-color-border: var(--border-color-hairline);
  --project-row-color-title: var(--text-color-heading);
  --project-row-color-body: var(--text-color-body);
  --project-row-space-inset-y: var(--space-xl);
  --project-row-space-gap-column: var(--space-grid-column-gap);
  --project-row-space-gap-row: var(--space-grid-row-gap);
  --sheet-color-surface: var(--surface-color-page);
  --sheet-color-scrim: var(--surface-color-overlay);
  --sheet-color-handle: var(--border-color-strong);
  --sheet-color-chrome: var(--surface-color-card);
  --sheet-color-elevate: var(--surface-color-raise);
  --sheet-size-peek: var(--space-2xl);
  --sheet-size-handle-inline: var(--control-size-handle);
  --sheet-size-handle-block: var(--border-width-thick);
  --sheet-space-inset: var(--space-md);
  --sheet-radius-default: var(--radius-md);
  --sheet-blur-backdrop: var(--effect-blur-subtle);
  --sheet-motion-duration: var(--motion-duration-sheet);
  --sheet-motion-easing: var(--motion-easing-sheet);
  --stat-color-background: var(--surface-color-alt);
  --stat-color-value: var(--text-color-heading);
  --stat-color-label: var(--text-color-subtle);
  --stat-color-divider: var(--border-color-hairline);
  --stat-color-rule-lead: var(--action-color-accent);
  --stat-color-rule-trail: var(--surface-color-inverse);
  --stat-size-rule: var(--border-width-medium);
  --stat-space-inset-y: var(--space-lg);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-content-knockout: #14161a;
    --color-content-knockout-muted: rgba(20, 22, 26, 0.7);
    --color-content-default: #d6d8da;
    --color-content-headline: #f5f5f4;
    --color-content-body: rgba(245, 245, 244, 0.7);
    --color-content-subtle: rgba(245, 245, 244, 0.6);
    --color-content-disabled: rgba(245, 245, 244, 0.4);
    --color-background-knockout: #f5f5f4;
    --color-background-default: #121316;
    --color-background-subtle: #17181b;
    --color-background-surface: #1c1e22;
    --color-background-overlay: rgba(0, 0, 0, 0.7);
    --color-brand-primary-100: #2a0e0c;
    --color-brand-primary-200: #43180f;
    --color-brand-primary-300: #642416;
    --color-brand-primary-400: #8a341f;
    --color-brand-primary-500: #ff5a36;
    --color-brand-primary-600: #ff7a5c;
    --color-brand-primary-700: #ff9478;
    --color-brand-primary-800: #ffab93;
    --color-brand-primary-900: #ffc7b6;
    --color-brand-primary-alpha-40: rgba(255, 90, 54, 0.4);
    --color-utility-success-light: #12241a;
    --color-utility-success-default: #3ecf7e;
    --color-utility-success-dark: #7fe3a8;
    --color-utility-warning-light: #2b2410;
    --color-utility-warning-default: #d9a441;
    --color-utility-warning-dark: #f0c674;
    --color-utility-error-light: #2a1414;
    --color-utility-error-default: #e2665a;
    --color-utility-error-dark: #ff9a8f;
    --color-utility-xray-atom: #8b93ff;
    --color-utility-xray-molecule: #b596ff;
    --color-utility-xray-organism: #3ddb95;
    --color-utility-xray-template: #e0a83e;
    --color-border-hairline: rgba(245, 245, 244, 0.12);
    --color-border-default: #686b70;
    --color-border-strong: #7d8085;
    --color-border-focus: #f5f5f4;
  }
}