/* Bigstep Product Showcase tokens · homepage-aligned */
.bps-showcase {
  --bps-color-paper: oklch(14% 0.035 275);
  --bps-color-paper-raised: oklch(19% 0.045 275);
  --bps-color-card: oklch(17% 0.035 275);
  --bps-color-image: oklch(99% 0.002 275);
  --bps-color-ink: oklch(97% 0.01 275);
  --bps-color-ink-muted: oklch(69% 0.025 275);
  --bps-color-rule: oklch(48% 0.07 275 / 0.46);
  --bps-color-rule-soft: oklch(44% 0.05 275 / 0.26);
  --bps-color-accent: oklch(58% 0.25 295);
  --bps-color-accent-2: oklch(69% 0.2 315);
  --bps-color-accent-ink: oklch(98% 0.01 275);
  --bps-color-success: oklch(77% 0.16 165);
  --bps-color-featured: oklch(78% 0.16 68);
  --bps-color-featured-rule: oklch(88% 0.12 68 / 0.7);
  --bps-color-featured-ink: oklch(25% 0.06 55);
  --bps-color-danger: oklch(63% 0.22 25);
  --bps-color-focus: oklch(80% 0.15 250);
  --bps-font-display: "Plus Jakarta Sans", Inter, sans-serif;
  --bps-font-body: "Plus Jakarta Sans", Inter, sans-serif;
  --bps-space-2xs: 4px;
  --bps-space-xs: 8px;
  --bps-space-sm: 12px;
  --bps-space-md: 16px;
  --bps-space-lg: 24px;
  --bps-space-xl: 32px;
  --bps-text-xs: 12px;
  --bps-text-sm: 14px;
  --bps-text-md: 16px;
  --bps-text-lg: 20px;
  --bps-text-display: clamp(32px, 3.1vw, 46px);
  --bps-ease-out: cubic-bezier(.16, 1, .3, 1);
  --bps-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --bps-duration-short: 180ms;
  --bps-duration-medium: 320ms;
  --bps-radius-sm: 8px;
  --bps-radius-md: 12px;
  --bps-radius-lg: 18px;
  --bps-shadow-panel: 0 24px 64px oklch(5% 0.03 275 / .34);
}