/* Spicy Cards brand tokens, direction B (Heat). Keep in step with tokens.json (brand-tokens.test.js checks). */
:root {
  --sc-canvas: #14091f;
  --sc-surface: #251336;
  --sc-ink: #fff4f8;
  --sc-ink-soft: #d2bde0;
  --sc-accent: #ff6b9a;
  --sc-accent-ink: #14091f;
  --sc-level-clean: #ffb8d2;
  --sc-level-flirty: #ff6b9a;
  --sc-level-steamy: #ff4b3e;
  --sc-level-uncovered: #ff9a1f;
  --sc-heat: linear-gradient(180deg, #ffb8d2 0%, #ff6b9a 36%, #ff4b3e 70%, #ff9a1f 100%);

  --sc-font-display: 'M PLUS Rounded 1c', ui-rounded, system-ui, sans-serif;
  --sc-font-text: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --sc-caption-size: 0.75rem;   --sc-caption-weight: 500; --sc-caption-leading: 1.4;  --sc-caption-tracking: 0.02em;
  --sc-small-size: 0.875rem;    --sc-small-weight: 400;   --sc-small-leading: 1.5;    --sc-small-tracking: 0.01em;
  --sc-body-size: 1rem;         --sc-body-weight: 400;    --sc-body-leading: 1.55;    --sc-body-tracking: 0;
  --sc-lead-size: 1.25rem;      --sc-lead-weight: 500;    --sc-lead-leading: 1.45;    --sc-lead-tracking: -0.005em;
  --sc-title-size: 1.625rem;    --sc-title-weight: 800;   --sc-title-leading: 1.2;    --sc-title-tracking: -0.01em;
  --sc-headline-size: 2.25rem;  --sc-headline-weight: 800; --sc-headline-leading: 1.1; --sc-headline-tracking: -0.02em;
  --sc-display-size: 3.25rem;   --sc-display-weight: 800; --sc-display-leading: 1.02; --sc-display-tracking: -0.03em;

  --sc-radius-sm: 8px;
  --sc-radius-md: 14px;
  --sc-radius-lg: 22px;
  --sc-radius-xl: 32px;
  --sc-radius-pill: 999px;

  --sc-space-1: 4px;
  --sc-space-2: 8px;
  --sc-space-3: 12px;
  --sc-space-4: 16px;
  --sc-space-5: 24px;
  --sc-space-6: 32px;
  --sc-space-7: 48px;
  --sc-space-8: 64px;

  --sc-glass-blur: 18px;
  --sc-glass-tint: rgba(37, 19, 54, 0.62);
  --sc-glass-edge: rgba(255, 244, 248, 0.16);
}