/* TC001 Packshot Flow — design tokens */
@layer tenant {
  .tenant-body--ecommerce-catalogue-platform {
    --pf-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
    --pf-font-display: 'IBM Plex Serif', Georgia, serif;
    --pf-bg: #f7f3eb;
    --pf-surface: #fffdf9;
    --pf-surface-2: #f0ebe0;
    --pf-surface-elevated: #ffffff;
    --pf-text: #1a1614;
    --pf-text-muted: #5c534a;
    --pf-border: #e3d9c8;
    --pf-accent: #0d6b63;
    --pf-accent-2: #c4a35a;
    --pf-on-accent: #ffffff;
    --pf-accent-soft: color-mix(in srgb, var(--pf-accent) 14%, transparent);
    --pf-success: #166534;
    --pf-shadow: 0 12px 40px color-mix(in srgb, #1a1614 8%, transparent);
    --pf-max-width: 1140px;
    --pf-gutter: clamp(1rem, 3.5vw, 2.25rem);
    --pf-radius-sm: 8px;
    --pf-radius-md: 16px;
    --pf-radius-lg: 24px;
    --pf-radius-pill: 999px;
    --pf-radius-btn: var(--pf-radius-pill);
    --it-pricing-accent: var(--pf-accent);
    --it-pricing-accent-on: var(--pf-on-accent);
    --it-pricing-toggle-track: var(--pf-surface-2);
    --it-pricing-toggle-border: var(--pf-border);
    --it-pricing-slider-track: color-mix(in srgb, var(--pf-accent-2) 35%, var(--pf-border));
    --it-pricing-slider-fill: var(--pf-accent);
    --it-pricing-text: var(--pf-text);
    --it-pricing-text-muted: var(--pf-text-muted);
    --pf-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
    font-family: var(--pf-font-sans);
    font-size: 1rem;
    line-height: 1.65;
    color: var(--pf-text);
    background: var(--pf-bg);
  }
}