/* Snapshot of current storefront computed design tokens; regenerate with sync-tokens.cjs. */
:root {
  --ds-root-font-size: 16px;
  --ds-bg: 247 248 252;
  --ds-surface: 255 255 255;
  --ds-surface-2: 248 250 253;
  --ds-text: 17 24 39;
  --ds-text-muted: 92 104 126;
  --ds-primary: 37 99 235;
  --ds-primary-ink: 255 255 255;
  --ds-primary-soft: 216 227 251;
  --ds-border: 224 230 239;
  --ds-border-soft: 236 240 246;
  --ds-border-strong: 200 209 223;
  --ds-danger: 214 61 73;
  --ds-danger-soft: 255 232 235;
  --ds-success: 19 161 87;
  --ds-success-soft: 228 247 236;
  --ds-warning: 194 118 23;
  --ds-warning-soft: 255 243 214;
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-display: "Segoe UI", "Helvetica Neue", Arial, sans-serif,"Times New Roman",serif;
  --text-sm: .8125rem;
  --text-base: .9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --leading-base: 1.5rem;
  --leading-lg: 1.75rem;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --control-height: 44px;
  --control-radius: 8px;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --duration-fast: .15s;
  --ease-standard: cubic-bezier(.4,0,.2,1);
}

/* Shared design-system dark mode tokens. */
:root.dark-mode {
    --ds-bg: 8 13 23;
    --ds-bg-elevated: 12 20 34;
    --ds-surface: 15 24 40;
    --ds-surface-2: 21 32 52;
    --ds-surface-3: 29 43 67;
    --ds-surface-inset: 9 16 29;

    --ds-text: 232 239 248;
    --ds-text-strong: 255 255 255;
    --ds-text-muted: 157 171 197;
    --ds-text-subtle: 111 128 158;

    --ds-border: 45 59 84;
    --ds-border-strong: 71 91 124;
    --ds-border-soft: 31 43 65;

    --ds-primary: 82 132 220;
    --ds-primary-strong: 126 170 244;
    --ds-primary-soft: 18 37 68;
    --ds-primary-ink: 255 255 255;

    --ds-success: 61 203 139;
    --ds-success-soft: 15 55 42;
    --ds-warning: 245 184 83;
    --ds-warning-soft: 61 43 17;
    --ds-danger: 247 106 119;
    --ds-danger-soft: 66 24 34;
    --ds-info: 94 176 238;
    --ds-info-soft: 16 45 76;

    --bg: var(--ds-bg);
    --fg: var(--ds-text);
    --primary: var(--ds-primary);
    --primary-foreground: var(--ds-primary-ink);
    --secondary: var(--ds-surface-2);
    --secondary-foreground: var(--ds-text);
    --muted: var(--ds-surface-2);
    --muted-fg: var(--ds-text-muted);
    --accent: var(--ds-primary);
    --accent-fg: var(--ds-primary-ink);
    --destructive: var(--ds-danger);
    --destructive-fg: 255 255 255;
    --border: var(--ds-border-soft);
    --border-strong: var(--ds-border-strong);
    --input: var(--ds-border);
    --ring: var(--ds-primary);
    --surface: var(--ds-surface);
    --surface-secondary: var(--ds-surface-2);
    --surface-hover: var(--ds-surface-3);
  }