/* Pinterest Tailwind CSS v4 theme */
@theme {
  --color-primary: #e60023;
  --color-on-primary: #ffffff;
  --color-primary-pressed: #cc001f;
  --color-ink: #000000;
  --color-ink-soft: #211922;
  --color-body: #33332e;
  --color-charcoal: #262622;
  --color-mute: #62625b;
  --color-ash: #91918c;
  --color-stone: #c8c8c1;
  --color-hairline: #dadad3;
  --color-hairline-soft: #e5e5e0;
  --color-on-secondary: #000000;
  --color-secondary-bg: #e5e5e0;
  --color-secondary-pressed: #c8c8c1;
  --color-canvas: #ffffff;
  --color-surface-soft: #fbfbf9;
  --color-surface-card: #f6f6f3;
  --color-surface-elevated: #ffffff;
  --color-on-dark: #ffffff;
  --color-on-dark-mute: rgba(255,255,255,0.7);
  --color-surface-dark: #262622;
  --color-focus-outer: #435ee5;
  --color-focus-inner: #ffffff;
  --color-accent-pressed-blue: #617bff;
  --color-accent-purple: #7e238b;
  --color-accent-purple-deep: #6845ab;
  --color-success-deep: #103c25;
  --color-success-pale: #c7f0da;
  --color-error: #9e0a0a;
  --color-error-deep: #cc001f;
  --font-primary: 'Pin Sans', system-ui, sans-serif;
  --text-display-xl: 70px;
  --leading-display-xl: 1.1;
  --tracking-display-xl: -1.2px;
  --text-display-lg: 44px;
  --leading-display-lg: 1.15;
  --tracking-display-lg: -0.8px;
  --text-heading-xl: 28px;
  --leading-heading-xl: 1.2;
  --tracking-heading-xl: -1.2px;
  --text-heading-lg: 22px;
  --leading-heading-lg: 1.25;
  --tracking-heading-lg: 0;
  --text-heading-md: 18px;
  --leading-heading-md: 1.3;
  --tracking-heading-md: 0;
  --text-body-md: 16px;
  --leading-body-md: 1.4;
  --tracking-body-md: 0;
  --text-body-strong: 16px;
  --leading-body-strong: 1.4;
  --tracking-body-strong: 0;
  --text-body-sm: 14px;
  --leading-body-sm: 1.4;
  --tracking-body-sm: 0;
  --text-body-sm-strong: 14px;
  --leading-body-sm-strong: 1.4;
  --tracking-body-sm-strong: 0;
  --text-caption-md: 12px;
  --leading-caption-md: 1.5;
  --tracking-caption-md: 0;
  --text-caption-sm: 12px;
  --leading-caption-sm: 1.4;
  --tracking-caption-sm: 0;
  --text-link-md: 16px;
  --leading-link-md: 1.4;
  --tracking-link-md: 0;
  --text-button-md: 14px;
  --leading-button-md: 1;
  --tracking-button-md: 0;
  --text-button-sm: 12px;
  --leading-button-sm: 1;
  --tracking-button-sm: 0;
  --spacing-xxs: 4px;
  --spacing-xs: 6px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-section: 64px;
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --radius-full: 9999px;
}