/* Generated by packages/tokens/scripts/build-tokens.mjs — do not edit. */

/* Source: designs/topdata/design.yaml + packages/tokens/semantic-map.yaml */

:root {
  --td-color-canvas: #101010;
  --td-color-surface: #202020;
  --td-color-surface-raised: #233140;
  --td-color-surface-hover: color-mix(in srgb, var(--td-color-surface) 92%, white);
  --td-color-border: color-mix(in srgb, var(--td-color-surface-raised) 70%, var(--td-color-disabled-fg));
  --td-color-border-strong: #607080;
  --td-color-fg: #FFFFFF;
  --td-color-fg-muted: #A0B0C0;
  --td-color-fg-dim: #607080;
  --td-color-fg-inverse: #101010;
  --td-color-primary: #5085A9;
  --td-color-primary-hover: #82BDE5;
  --td-color-primary-active: #5084A8;
  --td-color-primary-soft: color-mix(in srgb, var(--td-color-phase-seeding) 16%, var(--td-color-surface));
  --td-color-primary-fg: #82BDE5;
  --td-color-on-primary: #101010;
  --td-color-accent: #7D0293;
  --td-color-accent-hover: #B823D3;
  --td-color-on-accent: #FFFFFF;
  --td-color-success: #5085A9;
  --td-color-success-fg: color-mix(in srgb, var(--td-color-success) 65%, white);
  --td-color-success-soft: color-mix(in srgb, var(--td-color-success) 16%, var(--td-color-surface));
  --td-color-info: #5FA2D0;
  --td-color-info-fg: color-mix(in srgb, var(--td-color-info) 70%, white);
  --td-color-info-soft: color-mix(in srgb, var(--td-color-info) 16%, var(--td-color-surface));
  --td-color-warning: #D4A017;
  --td-color-warning-fg: color-mix(in srgb, var(--td-color-phase-validation) 70%, white);
  --td-color-warning-soft: color-mix(in srgb, var(--td-color-phase-validation) 16%, var(--td-color-surface));
  --td-color-error: #C0392B;
  --td-color-error-fg: color-mix(in srgb, var(--td-color-phase-failure) 50%, white);
  --td-color-error-soft: color-mix(in srgb, var(--td-color-phase-failure) 16%, var(--td-color-surface));
  --td-color-error-hover: color-mix(in srgb, var(--td-color-phase-failure) 85%, black);
  --td-color-on-error: #FFFFFF;
  --td-color-focus: #82BDE5;
  --td-color-overlay: color-mix(in srgb, var(--td-color-on-primary) 75%, transparent);
  --td-color-selection: color-mix(in srgb, var(--td-color-phase-seeding) 35%, transparent);
  --td-color-disabled: color-mix(in srgb, var(--td-color-surface) 85%, var(--td-color-disabled-fg));
  --td-color-disabled-fg: #607080;
  --td-color-phase-seeding: #5085A9;
  --td-color-phase-seeding-soft: color-mix(in srgb, var(--td-color-phase-seeding) 16%, var(--td-color-surface));
  --td-color-phase-seeding-fg: color-mix(in srgb, var(--td-color-phase-seeding) 50%, white);
  --td-color-phase-acquisition: #268081;
  --td-color-phase-acquisition-soft: color-mix(in srgb, var(--td-color-phase-acquisition) 16%, var(--td-color-surface));
  --td-color-phase-acquisition-fg: color-mix(in srgb, var(--td-color-phase-acquisition) 50%, white);
  --td-color-phase-validation: #D4A017;
  --td-color-phase-validation-soft: color-mix(in srgb, var(--td-color-phase-validation) 16%, var(--td-color-surface));
  --td-color-phase-validation-fg: color-mix(in srgb, var(--td-color-phase-validation) 50%, white);
  --td-color-phase-processing: #A100FF;
  --td-color-phase-processing-soft: color-mix(in srgb, var(--td-color-phase-processing) 16%, var(--td-color-surface));
  --td-color-phase-processing-fg: color-mix(in srgb, var(--td-color-phase-processing) 50%, white);
  --td-color-phase-outcome: #78A63A;
  --td-color-phase-outcome-soft: color-mix(in srgb, var(--td-color-phase-outcome) 16%, var(--td-color-surface));
  --td-color-phase-outcome-fg: color-mix(in srgb, var(--td-color-phase-outcome) 50%, white);
  --td-color-phase-failure: #C0392B;
  --td-color-phase-failure-soft: color-mix(in srgb, var(--td-color-phase-failure) 16%, var(--td-color-surface));
  --td-color-phase-failure-fg: color-mix(in srgb, var(--td-color-phase-failure) 50%, white);
  --td-font-heading: "Montserrat", sans-serif;
  --td-font-body: "PT Sans", sans-serif;
  --td-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --td-space-1: 0.25rem;
  --td-space-2: 0.5rem;
  --td-space-3: 0.75rem;
  --td-space-4: 1rem;
  --td-space-5: 1.25rem;
  --td-space-6: 1.5rem;
  --td-space-7: 1.75rem;
  --td-space-8: 2rem;
  --td-radius-sm: 0.25rem;
  --td-radius-md: 0.5rem;
  --td-radius-lg: 0.75rem;
  --td-radius-full: 9999px;
  --td-text-xs: 0.75rem;
  --td-text-sm: 0.875rem;
  --td-text-base: 1rem;
  --td-text-lg: 1.125rem;
  --td-text-xl: 1.25rem;
  --td-text-2xl: 1.5rem;
  --td-leading-tight: 1.2;
  --td-leading-normal: 1.5;
  --td-leading-relaxed: 1.7;
  --td-weight-normal: 400;
  --td-weight-medium: 500;
  --td-weight-semibold: 600;
  --td-weight-bold: 700;
  --td-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
  --td-shadow-md: 0 4px 12px rgb(0 0 0 / 0.35);
  --td-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.45);
  --td-motion-fast: 120ms;
  --td-motion-base: 180ms;
  --td-motion-slow: 240ms;
  --td-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --td-z-popover: 30;
  --td-z-overlay: 1050;
  --td-z-modal: 1060;
  --td-z-toast: 1100;
}

[data-theme="light"] {
  --td-color-canvas: #F6F6F6;
  --td-color-surface: #FAFAFA;
  --td-color-surface-raised: #FAFAFA;
  --td-color-surface-hover: color-mix(in srgb, var(--td-color-surface-raised) 96%, var(--td-color-fg-muted));
  --td-color-border: color-mix(in srgb, var(--td-color-surface-raised) 80%, var(--td-color-fg-muted));
  --td-color-border-strong: color-mix(in srgb, var(--td-color-fg-muted) 70%, var(--td-color-fg));
  --td-color-fg: #303030;
  --td-color-fg-muted: #607080;
  --td-color-fg-dim: color-mix(in srgb, var(--td-color-fg-muted) 85%, white);
  --td-color-fg-inverse: #FFFFFF;
  --td-color-primary: #5085A9;
  --td-color-primary-hover: #82BDE5;
  --td-color-primary-active: #5084A8;
  --td-color-primary-soft: color-mix(in srgb, var(--td-color-phase-seeding) 10%, var(--td-color-surface-raised));
  --td-color-primary-fg: color-mix(in srgb, var(--td-color-phase-seeding) 55%, var(--td-color-fg));
  --td-color-on-primary: #101010;
  --td-color-accent: #7D0293;
  --td-color-accent-hover: #B823D3;
  --td-color-on-accent: #FFFFFF;
  --td-color-success: #5085A9;
  --td-color-success-fg: color-mix(in srgb, var(--td-color-success) 55%, var(--td-color-fg));
  --td-color-success-soft: color-mix(in srgb, var(--td-color-success) 10%, var(--td-color-surface-raised));
  --td-color-info: #5FA2D0;
  --td-color-info-fg: color-mix(in srgb, var(--td-color-info) 55%, var(--td-color-fg));
  --td-color-info-soft: color-mix(in srgb, var(--td-color-info) 10%, var(--td-color-surface-raised));
  --td-color-warning: #D4A017;
  --td-color-warning-fg: color-mix(in srgb, var(--td-color-phase-validation) 50%, var(--td-color-fg));
  --td-color-warning-soft: color-mix(in srgb, var(--td-color-phase-validation) 12%, var(--td-color-surface-raised));
  --td-color-error: #C0392B;
  --td-color-error-fg: #C0392B;
  --td-color-error-soft: color-mix(in srgb, var(--td-color-phase-failure) 8%, var(--td-color-surface-raised));
  --td-color-error-hover: color-mix(in srgb, var(--td-color-phase-failure) 85%, black);
  --td-color-on-error: #FFFFFF;
  --td-color-focus: #5085A9;
  --td-color-overlay: color-mix(in srgb, var(--td-color-fg) 45%, transparent);
  --td-color-selection: color-mix(in srgb, var(--td-color-phase-seeding) 25%, transparent);
  --td-color-disabled: color-mix(in srgb, var(--td-color-surface-raised) 85%, var(--td-color-fg-muted));
  --td-color-disabled-fg: color-mix(in srgb, var(--td-color-fg-muted) 60%, var(--td-color-surface-raised));
  --td-color-phase-seeding: #5085A9;
  --td-color-phase-seeding-soft: color-mix(in srgb, var(--td-color-phase-seeding) 10%, var(--td-color-surface-raised));
  --td-color-phase-seeding-fg: color-mix(in srgb, var(--td-color-phase-seeding) 45%, var(--td-color-fg));
  --td-color-phase-acquisition: #268081;
  --td-color-phase-acquisition-soft: color-mix(in srgb, var(--td-color-phase-acquisition) 10%, var(--td-color-surface-raised));
  --td-color-phase-acquisition-fg: color-mix(in srgb, var(--td-color-phase-acquisition) 45%, var(--td-color-fg));
  --td-color-phase-validation: #D4A017;
  --td-color-phase-validation-soft: color-mix(in srgb, var(--td-color-phase-validation) 10%, var(--td-color-surface-raised));
  --td-color-phase-validation-fg: color-mix(in srgb, var(--td-color-phase-validation) 45%, var(--td-color-fg));
  --td-color-phase-processing: #A100FF;
  --td-color-phase-processing-soft: color-mix(in srgb, var(--td-color-phase-processing) 10%, var(--td-color-surface-raised));
  --td-color-phase-processing-fg: color-mix(in srgb, var(--td-color-phase-processing) 45%, var(--td-color-fg));
  --td-color-phase-outcome: #78A63A;
  --td-color-phase-outcome-soft: color-mix(in srgb, var(--td-color-phase-outcome) 10%, var(--td-color-surface-raised));
  --td-color-phase-outcome-fg: color-mix(in srgb, var(--td-color-phase-outcome) 45%, var(--td-color-fg));
  --td-color-phase-failure: #C0392B;
  --td-color-phase-failure-soft: color-mix(in srgb, var(--td-color-phase-failure) 10%, var(--td-color-surface-raised));
  --td-color-phase-failure-fg: color-mix(in srgb, var(--td-color-phase-failure) 45%, var(--td-color-fg));
  --td-font-heading: "Montserrat", sans-serif;
  --td-font-body: "PT Sans", sans-serif;
  --td-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --td-space-1: 0.25rem;
  --td-space-2: 0.5rem;
  --td-space-3: 0.75rem;
  --td-space-4: 1rem;
  --td-space-5: 1.25rem;
  --td-space-6: 1.5rem;
  --td-space-7: 1.75rem;
  --td-space-8: 2rem;
  --td-radius-sm: 0.25rem;
  --td-radius-md: 0.5rem;
  --td-radius-lg: 0.75rem;
  --td-radius-full: 9999px;
  --td-text-xs: 0.75rem;
  --td-text-sm: 0.875rem;
  --td-text-base: 1rem;
  --td-text-lg: 1.125rem;
  --td-text-xl: 1.25rem;
  --td-text-2xl: 1.5rem;
  --td-leading-tight: 1.2;
  --td-leading-normal: 1.5;
  --td-leading-relaxed: 1.7;
  --td-weight-normal: 400;
  --td-weight-medium: 500;
  --td-weight-semibold: 600;
  --td-weight-bold: 700;
  --td-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
  --td-shadow-md: 0 4px 12px rgb(0 0 0 / 0.35);
  --td-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.45);
  --td-motion-fast: 120ms;
  --td-motion-base: 180ms;
  --td-motion-slow: 240ms;
  --td-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --td-z-popover: 30;
  --td-z-overlay: 1050;
  --td-z-modal: 1060;
  --td-z-toast: 1100;
}

@media (forced-colors: active) {
  :root,
    [data-theme="light"] {
    --td-color-phase-seeding: CanvasText;
    --td-color-phase-seeding-soft: Canvas;
    --td-color-phase-seeding-fg: CanvasText;
    --td-color-phase-acquisition: CanvasText;
    --td-color-phase-acquisition-soft: Canvas;
    --td-color-phase-acquisition-fg: CanvasText;
    --td-color-phase-validation: CanvasText;
    --td-color-phase-validation-soft: Canvas;
    --td-color-phase-validation-fg: CanvasText;
    --td-color-phase-processing: CanvasText;
    --td-color-phase-processing-soft: Canvas;
    --td-color-phase-processing-fg: CanvasText;
    --td-color-phase-outcome: CanvasText;
    --td-color-phase-outcome-soft: Canvas;
    --td-color-phase-outcome-fg: CanvasText;
    --td-color-phase-failure: CanvasText;
    --td-color-phase-failure-soft: Canvas;
    --td-color-phase-failure-fg: CanvasText;
  }
}

:root { color-scheme: dark; }

[data-theme="light"] { color-scheme: light; }

