/* SixLab design tokens - generated by scripts/build.mjs; do not edit. */
/* Light is the default and follows the OS; [data-theme="dark"] on the root element forces dark. */

:root {
  --sl-breakpoint-1024: 1024px;
  --sl-breakpoint-1280: 1280px;
  --sl-breakpoint-640: 640px;
  --sl-color-accent: #e84400;
  --sl-color-border-default: #d2ccca;
  --sl-color-border-strong: #75706f;
  --sl-color-chart-1: #312d2b;
  --sl-color-chart-2: #615c5b;
  --sl-color-chart-3: #908b89;
  --sl-color-chart-4: #c2bcba;
  --sl-color-control-fill: #1e1a18;
  --sl-color-control-fill-active: #110f0e;
  --sl-color-control-fill-hover: #2c2826;
  --sl-color-control-text: #f9f6f5;
  --sl-color-focus-offset: #f9f6f5;
  --sl-color-focus-ring: #0c0b0a;
  --sl-color-scrim: rgb(30 26 24 / 0.55);
  --sl-color-state-error-border: #ca435f;
  --sl-color-state-error-icon: #ac0e41;
  --sl-color-state-error-surface: #fdebec;
  --sl-color-state-error-text: #ac0e41;
  --sl-color-surface-base: #f9f6f5;
  --sl-color-surface-raised: #fefbfa;
  --sl-color-surface-sunken: #f1ebe9;
  --sl-color-text-disabled: #938e8c;
  --sl-color-text-primary: #1e1a18;
  --sl-color-text-secondary: #595452;
  --sl-container-max: 1120px;
  --sl-duration-100: 100ms;
  --sl-duration-150: 150ms;
  --sl-ease-out: cubic-bezier(0,0,0.2,1);
  --sl-font-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sl-layer-base: 0;
  --sl-layer-dropdown: 200;
  --sl-layer-modal: 400;
  --sl-layer-overlay: 300;
  --sl-layer-sticky: 100;
  --sl-layer-toast: 500;
  --sl-leading-body: 1.5;
  --sl-leading-display: 1.1;
  --sl-leading-heading: 1.25;
  --sl-measure-max: 66ch;
  --sl-radius-0: 0px;
  --sl-radius-2: 2px;
  --sl-space-12: 12px;
  --sl-space-128: 128px;
  --sl-space-16: 16px;
  --sl-space-20: 20px;
  --sl-space-24: 24px;
  --sl-space-32: 32px;
  --sl-space-4: 4px;
  --sl-space-40: 40px;
  --sl-space-48: 48px;
  --sl-space-64: 64px;
  --sl-space-8: 8px;
  --sl-space-80: 80px;
  --sl-space-96: 96px;
  --sl-target-min: 24px;
  --sl-text-12: 12px;
  --sl-text-14: 14px;
  --sl-text-16: 16px;
  --sl-text-20: 20px;
  --sl-text-24: 24px;
  --sl-text-28: 28px;
  --sl-text-32: 32px;
  --sl-text-40: 40px;
  --sl-text-48: 48px;
  --sl-text-56: 56px;
  --sl-tracking-caps: 0.06em;
  --sl-tracking-display: -0.02em;
  --sl-tracking-normal: 0;
  --sl-tracking-tight: -0.01em;
}

[data-theme="dark"] {
  --sl-color-accent: #f5642b;
  --sl-color-border-default: #363230;
  --sl-color-border-strong: #676260;
  --sl-color-chart-1: #d2ccca;
  --sl-color-chart-2: #9c9795;
  --sl-color-chart-3: #6d6866;
  --sl-color-chart-4: #464140;
  --sl-color-control-fill: #ece6e4;
  --sl-color-control-fill-active: #f4f1f0;
  --sl-color-control-fill-hover: #dcd6d4;
  --sl-color-control-text: #151313;
  --sl-color-focus-offset: #151313;
  --sl-color-focus-ring: #f7f4f4;
  --sl-color-scrim: rgb(14 13 12 / 0.70);
  --sl-color-state-error-border: #d05a6e;
  --sl-color-state-error-icon: #ff9da9;
  --sl-color-state-error-surface: #38191d;
  --sl-color-state-error-text: #ff9da9;
  --sl-color-surface-base: #151313;
  --sl-color-surface-raised: #201c1b;
  --sl-color-surface-sunken: #0e0d0c;
  --sl-color-text-disabled: #75706f;
  --sl-color-text-primary: #ece6e4;
  --sl-color-text-secondary: #afa9a8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --sl-color-accent: #f5642b;
    --sl-color-border-default: #363230;
    --sl-color-border-strong: #676260;
    --sl-color-chart-1: #d2ccca;
    --sl-color-chart-2: #9c9795;
    --sl-color-chart-3: #6d6866;
    --sl-color-chart-4: #464140;
    --sl-color-control-fill: #ece6e4;
    --sl-color-control-fill-active: #f4f1f0;
    --sl-color-control-fill-hover: #dcd6d4;
    --sl-color-control-text: #151313;
    --sl-color-focus-offset: #151313;
    --sl-color-focus-ring: #f7f4f4;
    --sl-color-scrim: rgb(14 13 12 / 0.70);
    --sl-color-state-error-border: #d05a6e;
    --sl-color-state-error-icon: #ff9da9;
    --sl-color-state-error-surface: #38191d;
    --sl-color-state-error-text: #ff9da9;
    --sl-color-surface-base: #151313;
    --sl-color-surface-raised: #201c1b;
    --sl-color-surface-sunken: #0e0d0c;
    --sl-color-text-disabled: #75706f;
    --sl-color-text-primary: #ece6e4;
    --sl-color-text-secondary: #afa9a8;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sl-duration-100: 0ms;
    --sl-duration-150: 0ms;
  }
}