/**
 * GENERATED FILE. DO NOT EDIT.
 * Source: tokens/valence.tokens.json
 * Generator: scripts/build-valence-tokens.mjs
 * Authority: approved Valence specifications + canonical registry.
 * Regenerate: pnpm tokens:build
 */

:root {
  --primitive-blue-400: #6ea6f5;
  --primitive-blue-500: #3b82f6;
  --primitive-blue-600: #1570ef;
  --primitive-blue-700: #1d4ed8;
  --primitive-blue-800: #114c9f;
  --primitive-blue-soft-light: #e8f1fd;
  --primitive-blue-soft-product-dark: #152238;
  --primitive-neutral-canvas-light: #eef1f5;
  --primitive-neutral-surface-light: #f8f9fb;
  --primitive-neutral-elevated-light: #ffffff;
  --primitive-neutral-surface-hover-light: #f5f5f5;
  --primitive-neutral-ink-light: #12141a;
  --primitive-neutral-secondary-light: #3c4450;
  --primitive-neutral-muted-light: #5f6773;
  --primitive-neutral-border-light: #e4e7ec;
  --primitive-neutral-border-strong-light: #c9ced6;
  --primitive-neutral-on-action: #ffffff;
  --primitive-neutral-canvas-product-dark: #0c0d10;
  --primitive-neutral-surface-product-dark: #12141a;
  --primitive-neutral-elevated-product-dark: #181a21;
  --primitive-neutral-surface-hover-product-dark: rgba(255, 255, 255, 0.06);
  --primitive-neutral-ink-product-dark: #eceef2;
  --primitive-neutral-secondary-product-dark: #a8b0bd;
  --primitive-neutral-muted-product-dark: #7c8492;
  --primitive-neutral-border-product-dark: #2a2e38;
  --primitive-neutral-border-strong-product-dark: #3d4452;
  --primitive-severity-critical-ink-light: #c81e2a;
  --primitive-severity-critical-fill-light: #f7dfe1;
  --primitive-severity-critical-ink-dark: #f87171;
  --primitive-severity-critical-fill-dark: #3a1719;
  --primitive-severity-needs-review-ink-light: #c2410c;
  --primitive-severity-needs-review-fill-light: #ffedd5;
  --primitive-severity-needs-review-ink-dark: #fb923c;
  --primitive-severity-needs-review-fill-dark: #3a2210;
  --primitive-severity-stable-ink-light: #0f766e;
  --primitive-severity-stable-fill-light: #d5f5f0;
  --primitive-severity-stable-ink-dark: #2dd4bf;
  --primitive-severity-stable-fill-dark: #0f2e2b;
  --primitive-severity-informational-ink-light: #1e40af;
  --primitive-severity-informational-fill-light: #dbe4ff;
  --primitive-severity-informational-ink-dark: #93a4ff;
  --primitive-severity-informational-fill-dark: #1a2248;
  --extension-marketing-canvas: #0e1014;
  --extension-marketing-surface: #161a22;
  --extension-marketing-surface-hover: rgba(238, 241, 245, 0.06);
  --extension-marketing-footer: #1a1f29;
  --extension-marketing-text-primary: #eef1f5;
  --extension-marketing-text-secondary: #c4cad3;
  --extension-marketing-text-muted: #9aa3b0;
  --extension-marketing-border: rgba(238, 241, 245, 0.12);
  --extension-marketing-border-strong: rgba(238, 241, 245, 0.24);
  --extension-marketing-action-accent-soft: rgba(21, 112, 239, 0.22);
  --primitive-scrim-light: rgba(18, 20, 26, 0.48);
  --primitive-scrim-product-dark: rgba(0, 0, 0, 0.55);
  --primitive-space-2: 2px;
  --primitive-space-4: 4px;
  --primitive-space-8: 8px;
  --primitive-space-12: 12px;
  --primitive-space-16: 16px;
  --primitive-space-24: 24px;
  --primitive-space-32: 32px;
  --primitive-space-48: 48px;
  --primitive-space-64: 64px;
  --primitive-space-96: 96px;
  --size-control-compact: 28px;
  --size-control-default: 36px;
  --size-control-spacious: 44px;
  --size-target-minimum: 24px;
  --size-target-coarse: 44px;
  --primitive-font-size-12: 12px;
  --primitive-font-size-14: 14px;
  --primitive-font-size-16: 16px;
  --primitive-font-size-18: 18px;
  --primitive-font-size-20: 20px;
  --primitive-font-size-24: 24px;
  --primitive-font-size-32: 32px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 3px;
  --primitive-radius-4: 4px;
  --primitive-radius-8: 8px;
  --primitive-radius-full: 9999px;
  --primitive-border-width-1: 1px;
  --primitive-font-family-ui: inter-variable;
  --primitive-font-family-wordmark: aktiv-grotesk-extended;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-semibold: 600;
  --primitive-font-weight-bold: 700;
  --primitive-font-line-height-16: 16px;
  --primitive-font-line-height-18: 18px;
  --primitive-font-line-height-20: 20px;
  --primitive-font-line-height-21: 21px;
  --primitive-font-line-height-24: 24px;
  --primitive-font-line-height-26: 26px;
  --primitive-font-line-height-30: 30px;
  --primitive-font-letter-spacing-0: 0;
  --primitive-font-letter-spacing-heading: -0.01em;
  --primitive-motion-duration-instant: 0ms;
  --primitive-motion-duration-fast: 120ms;
  --primitive-motion-duration-default: 200ms;
  --motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --motion-easing-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-easing-exit: cubic-bezier(0.42, 0, 1, 1);
  --motion-easing-linear: linear;
  --space-inset-micro: var(--primitive-space-2);
  --space-gap-control: var(--primitive-space-8);
  --space-inset-table-cell: var(--primitive-space-12);
  --space-inset-card: var(--primitive-space-24);
  --space-inset-card-compact: var(--primitive-space-16);
  --space-inset-dialog: var(--primitive-space-24);
  --space-inset-dialog-compact: var(--primitive-space-16);
  --layout-container-readable: 640px;
  --radius-control: var(--primitive-radius-4);
  --radius-surface: var(--primitive-radius-4);
  --radius-compact: var(--primitive-radius-8);
  --radius-full: var(--primitive-radius-full);
  --border-width-default: var(--primitive-border-width-1);
  --motion-hover: var(--primitive-motion-duration-fast);
  --motion-pressed: var(--primitive-motion-duration-instant);
  --motion-selected: var(--primitive-motion-duration-fast);
  --motion-menu-enter: var(--primitive-motion-duration-fast);
  --motion-menu-exit: var(--primitive-motion-duration-instant);
  --motion-dialog-enter: var(--primitive-motion-duration-default);
  --motion-toast-enter: var(--primitive-motion-duration-default);
  --motion-dialog-exit: var(--primitive-motion-duration-fast);
  --motion-toast-exit: var(--primitive-motion-duration-default);
  --motion-progress-spinner: 720ms;
  --motion-behavior-toast-dwell-informational: 5000ms;
  --typography-page-title-family: var(--primitive-font-family-ui);
  --typography-page-title-size: var(--primitive-font-size-24);
  --typography-page-title-weight: var(--primitive-font-weight-semibold);
  --typography-page-title-line-height: var(--primitive-font-line-height-30);
  --typography-page-title-letter-spacing: var(--primitive-font-letter-spacing-heading);
  --typography-section-heading-family: var(--primitive-font-family-ui);
  --typography-section-heading-size: var(--primitive-font-size-20);
  --typography-section-heading-weight: var(--primitive-font-weight-semibold);
  --typography-section-heading-line-height: var(--primitive-font-line-height-26);
  --typography-section-heading-letter-spacing: var(--primitive-font-letter-spacing-heading);
  --typography-panel-heading-family: var(--primitive-font-family-ui);
  --typography-panel-heading-size: var(--primitive-font-size-16);
  --typography-panel-heading-weight: var(--primitive-font-weight-semibold);
  --typography-panel-heading-line-height: var(--primitive-font-line-height-20);
  --typography-panel-heading-letter-spacing: var(--primitive-font-letter-spacing-heading);
  --typography-body-family: var(--primitive-font-family-ui);
  --typography-body-size: var(--primitive-font-size-16);
  --typography-body-weight: var(--primitive-font-weight-regular);
  --typography-body-line-height: var(--primitive-font-line-height-24);
  --typography-body-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-body-strong-family: var(--primitive-font-family-ui);
  --typography-body-strong-size: var(--primitive-font-size-16);
  --typography-body-strong-weight: var(--primitive-font-weight-semibold);
  --typography-body-strong-line-height: var(--primitive-font-line-height-24);
  --typography-body-strong-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-supporting-family: var(--primitive-font-family-ui);
  --typography-supporting-size: var(--primitive-font-size-14);
  --typography-supporting-weight: var(--primitive-font-weight-regular);
  --typography-supporting-line-height: var(--primitive-font-line-height-21);
  --typography-supporting-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-label-family: var(--primitive-font-family-ui);
  --typography-label-size: var(--primitive-font-size-12);
  --typography-label-weight: var(--primitive-font-weight-semibold);
  --typography-label-line-height: var(--primitive-font-line-height-16);
  --typography-control-family: var(--primitive-font-family-ui);
  --typography-control-size: var(--primitive-font-size-14);
  --typography-control-weight: var(--primitive-font-weight-medium);
  --typography-control-line-height: var(--primitive-font-line-height-18);
  --typography-control-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-metadata-family: var(--primitive-font-family-ui);
  --typography-metadata-size: var(--primitive-font-size-12);
  --typography-metadata-weight: var(--primitive-font-weight-medium);
  --typography-metadata-line-height: var(--primitive-font-line-height-16);
  --typography-metadata-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-caption-family: var(--primitive-font-family-ui);
  --typography-caption-size: var(--primitive-font-size-12);
  --typography-caption-weight: var(--primitive-font-weight-regular);
  --typography-caption-line-height: var(--primitive-font-line-height-16);
  --typography-caption-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-tabular-family: var(--primitive-font-family-ui);
  --typography-tabular-size: var(--primitive-font-size-14);
  --typography-tabular-weight: var(--primitive-font-weight-regular);
  --typography-tabular-line-height: var(--primitive-font-line-height-20);
  --typography-tabular-letter-spacing: var(--primitive-font-letter-spacing-0);
  --typography-tabular-numeric: tabular-nums;
}

:root:not([data-theme]), [data-theme="light"] {
  --color-canvas: var(--primitive-neutral-canvas-light);
  --color-surface: var(--primitive-neutral-surface-light);
  --color-surface-elevated: var(--primitive-neutral-elevated-light);
  --color-surface-hover: var(--primitive-neutral-surface-hover-light);
  --color-text-primary: var(--primitive-neutral-ink-light);
  --color-text-secondary: var(--primitive-neutral-secondary-light);
  --color-text-muted: var(--primitive-neutral-muted-light);
  --color-text-link: var(--primitive-blue-700);
  --color-icon-default: var(--color-text-primary);
  --color-icon-muted: var(--color-text-muted);
  --color-border: var(--primitive-neutral-border-light);
  --color-border-strong: var(--primitive-neutral-border-strong-light);
  --color-brand-accent: var(--primitive-blue-600);
  --color-action-accent: var(--primitive-blue-600);
  --color-action-accent-hover: var(--primitive-blue-700);
  --color-action-on-accent: var(--primitive-neutral-on-action);
  --color-action-accent-soft: var(--primitive-blue-soft-light);
  --color-focus-ring: var(--primitive-blue-600);
  --color-scrim: var(--primitive-scrim-light);
  --color-status-critical-ink: var(--primitive-severity-critical-ink-light);
  --color-status-critical-fill: var(--primitive-severity-critical-fill-light);
  --color-status-needs-review-ink: var(--primitive-severity-needs-review-ink-light);
  --color-status-needs-review-fill: var(--primitive-severity-needs-review-fill-light);
  --color-status-stable-ink: var(--primitive-severity-stable-ink-light);
  --color-status-stable-fill: var(--primitive-severity-stable-fill-light);
  --color-status-informational-ink: var(--primitive-severity-informational-ink-light);
  --color-status-informational-fill: var(--primitive-severity-informational-fill-light);
  --component-badge-tone-accent-fill: var(--color-action-accent);
  --component-badge-tone-accent-on: var(--color-action-on-accent);
  --component-badge-tone-neutral-fill: var(--color-border);
  --component-badge-tone-neutral-on: var(--color-text-secondary);
  --component-chip-tone-neutral-fill: var(--color-border);
  --component-chip-tone-neutral-ink: var(--color-text-secondary);
  --component-chip-tone-critical-ink: var(--color-status-critical-ink);
  --component-chip-tone-critical-fill: var(--color-status-critical-fill);
  --component-chip-tone-needs-review-ink: var(--color-status-needs-review-ink);
  --component-chip-tone-needs-review-fill: var(--color-status-needs-review-fill);
  --component-chip-tone-stable-ink: var(--color-status-stable-ink);
  --component-chip-tone-stable-fill: var(--color-status-stable-fill);
  --component-chip-tone-informational-ink: var(--color-status-informational-ink);
  --component-chip-tone-informational-fill: var(--color-status-informational-fill);
  --depth-flat: none;
  --depth-raised: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 1px 2px rgba(18, 20, 26, 0.04), 0 8px 24px rgba(18, 20, 26, 0.04);
  --depth-floating: 0 8px 20px rgba(18, 20, 26, 0.10), 0 0 0 1px rgba(18, 20, 26, 0.04);
  --depth-overlay: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 16px 40px rgba(18, 20, 26, 0.14);
}

[data-theme="product-dark"], [data-theme="dark"] {
  --color-canvas: var(--primitive-neutral-canvas-product-dark);
  --color-surface: var(--primitive-neutral-surface-product-dark);
  --color-surface-elevated: var(--primitive-neutral-elevated-product-dark);
  --color-surface-hover: var(--primitive-neutral-surface-hover-product-dark);
  --color-text-primary: var(--primitive-neutral-ink-product-dark);
  --color-text-secondary: var(--primitive-neutral-secondary-product-dark);
  --color-text-muted: var(--primitive-neutral-muted-product-dark);
  --color-text-link: var(--primitive-blue-400);
  --color-icon-default: var(--color-text-primary);
  --color-icon-muted: var(--color-text-muted);
  --color-border: var(--primitive-neutral-border-product-dark);
  --color-border-strong: var(--primitive-neutral-border-strong-product-dark);
  --color-brand-accent: var(--primitive-blue-600);
  --color-action-accent: var(--primitive-blue-600);
  --color-action-accent-hover: var(--primitive-blue-700);
  --color-action-on-accent: var(--primitive-neutral-on-action);
  --color-action-accent-soft: var(--primitive-blue-soft-product-dark);
  --color-focus-ring: var(--primitive-blue-400);
  --color-scrim: var(--primitive-scrim-product-dark);
  --color-status-critical-ink: var(--primitive-severity-critical-ink-dark);
  --color-status-critical-fill: var(--primitive-severity-critical-fill-dark);
  --color-status-needs-review-ink: var(--primitive-severity-needs-review-ink-dark);
  --color-status-needs-review-fill: var(--primitive-severity-needs-review-fill-dark);
  --color-status-stable-ink: var(--primitive-severity-stable-ink-dark);
  --color-status-stable-fill: var(--primitive-severity-stable-fill-dark);
  --color-status-informational-ink: var(--primitive-severity-informational-ink-dark);
  --color-status-informational-fill: var(--primitive-severity-informational-fill-dark);
  --component-badge-tone-accent-fill: var(--color-action-accent);
  --component-badge-tone-accent-on: var(--color-action-on-accent);
  --component-badge-tone-neutral-fill: var(--color-border);
  --component-badge-tone-neutral-on: var(--color-text-secondary);
  --component-chip-tone-neutral-fill: var(--color-border);
  --component-chip-tone-neutral-ink: var(--color-text-secondary);
  --component-chip-tone-critical-ink: var(--color-status-critical-ink);
  --component-chip-tone-critical-fill: var(--color-status-critical-fill);
  --component-chip-tone-needs-review-ink: var(--color-status-needs-review-ink);
  --component-chip-tone-needs-review-fill: var(--color-status-needs-review-fill);
  --component-chip-tone-stable-ink: var(--color-status-stable-ink);
  --component-chip-tone-stable-fill: var(--color-status-stable-fill);
  --component-chip-tone-informational-ink: var(--color-status-informational-ink);
  --component-chip-tone-informational-fill: var(--color-status-informational-fill);
  --depth-flat: none;
  --depth-raised: 0 1px 2px rgba(0, 0, 0, 0.28), 0 8px 24px rgba(0, 0, 0, 0.35);
  --depth-floating: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --depth-overlay: 0 18px 48px rgba(0, 0, 0, 0.62);
}

[data-theme="marketing-dark"] {
  --color-canvas: var(--extension-marketing-canvas);
  --color-surface: var(--extension-marketing-surface);
  --color-surface-elevated: var(--extension-marketing-surface);
  --color-surface-hover: var(--extension-marketing-surface-hover);
  --color-text-primary: var(--extension-marketing-text-primary);
  --color-text-secondary: var(--extension-marketing-text-secondary);
  --color-text-muted: var(--extension-marketing-text-muted);
  --color-text-link: var(--primitive-blue-400);
  --color-icon-default: var(--color-text-primary);
  --color-icon-muted: var(--color-text-muted);
  --color-border: var(--extension-marketing-border);
  --color-border-strong: var(--extension-marketing-border-strong);
  --color-brand-accent: var(--primitive-blue-600);
  --color-action-accent: var(--primitive-blue-600);
  --color-action-accent-hover: var(--primitive-blue-700);
  --color-action-on-accent: var(--primitive-neutral-on-action);
  --color-action-accent-soft: var(--extension-marketing-action-accent-soft);
  --color-focus-ring: var(--primitive-blue-400);
  --color-scrim: var(--primitive-scrim-product-dark);
  --color-status-critical-ink: var(--primitive-severity-critical-ink-dark);
  --color-status-critical-fill: var(--primitive-severity-critical-fill-dark);
  --color-status-needs-review-ink: var(--primitive-severity-needs-review-ink-dark);
  --color-status-needs-review-fill: var(--primitive-severity-needs-review-fill-dark);
  --color-status-stable-ink: var(--primitive-severity-stable-ink-dark);
  --color-status-stable-fill: var(--primitive-severity-stable-fill-dark);
  --color-status-informational-ink: var(--primitive-severity-informational-ink-dark);
  --color-status-informational-fill: var(--primitive-severity-informational-fill-dark);
  --component-badge-tone-accent-fill: var(--color-action-accent);
  --component-badge-tone-accent-on: var(--color-action-on-accent);
  --component-badge-tone-neutral-fill: var(--extension-marketing-footer);
  --component-badge-tone-neutral-on: var(--color-text-muted);
  --component-chip-tone-neutral-fill: var(--extension-marketing-footer);
  --component-chip-tone-neutral-ink: var(--color-text-muted);
  --component-chip-tone-critical-ink: var(--color-status-critical-ink);
  --component-chip-tone-critical-fill: var(--color-status-critical-fill);
  --component-chip-tone-needs-review-ink: var(--color-status-needs-review-ink);
  --component-chip-tone-needs-review-fill: var(--color-status-needs-review-fill);
  --component-chip-tone-stable-ink: var(--color-status-stable-ink);
  --component-chip-tone-stable-fill: var(--color-status-stable-fill);
  --component-chip-tone-informational-ink: var(--color-status-informational-ink);
  --component-chip-tone-informational-fill: var(--color-status-informational-fill);
  --depth-flat: none;
  --depth-raised: none;
  --depth-floating: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --depth-overlay: 0 18px 48px rgba(0, 0, 0, 0.62);
}