/* TC002 Dealer Photo Flow — design tokens */
@layer tenant {
  .tenant-body--car-dealer-inventory-platform {
    --dpf-font-sans: 'Space Grotesk', system-ui, sans-serif;
    --dpf-font-display: 'Space Grotesk', system-ui, sans-serif;
    --dpf-bg: #0c1015;
    --dpf-surface: #141a22;
    --dpf-surface-2: #1a222d;
    --dpf-surface-panel: #111820;
    --dpf-text: #e8eef5;
    --dpf-text-muted: #8b9cb0;
    --dpf-border: #2a3544;
    --dpf-accent: #3b82f6;
    --dpf-cta-bg: #2563eb;
    --dpf-accent-warn: #f59e0b;
    --dpf-on-accent: #ffffff;
    --dpf-accent-soft: color-mix(in srgb, var(--dpf-accent) 16%, transparent);
    --dpf-success: #34d399;
    --dpf-max-width: 1200px;
    --dpf-gutter: clamp(1rem, 3vw, 2rem);
    --dpf-radius-sm: 4px;
    --dpf-radius-md: 6px;
    --dpf-radius-btn: 4px;
    --it-pricing-accent: var(--dpf-accent);
    --it-pricing-accent-on: var(--dpf-on-accent);
    --it-pricing-toggle-track: var(--dpf-surface-2);
    --it-pricing-toggle-border: var(--dpf-border);
    --it-pricing-slider-track: color-mix(in srgb, var(--dpf-accent) 22%, var(--dpf-border));
    --it-pricing-slider-fill: var(--dpf-accent);
    --it-pricing-text: var(--dpf-text);
    --it-pricing-text-muted: var(--dpf-text-muted);
    font-family: var(--dpf-font-sans);
    font-size: 1rem;
    line-height: 1.55;
    color: var(--dpf-text);
    background: var(--dpf-bg);
  }
}