/* TapRSVP pre-launch design tokens
   - Reuse product-app token names only when the actual value is identical.
   - Pre-launch-only values use the --prelaunch-* namespace.
   - One-off breakpoint overrides belong in prelaunch.css, not here.
*/

:root {
  /* Font families */
  --font-playfair-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-inconsolata: "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-suranna: "Suranna", Georgia, "Times New Roman", serif;

  --font-display: var(--font-playfair-display);
  --font-mono: var(--font-inconsolata);
  --font-suranna-serif: var(--font-suranna);

  /* Shared product values */
  --color-background-base: #1E1E1E;
  --caption-web: 14px;
  --caption-line-height: 1.5;
  --menu-item-font-family: var(--font-mono);
  --menu-item-weight: 300;
  --menu-item-letter-spacing: -.024em;
  --page-gutter-mobile: 24px;

  /* Pre-launch layout */
  --prelaunch-shell-max-width: 1380px;

  /* Pre-launch colors */
  --prelaunch-color-text-primary: #F3EFE8;
  --prelaunch-color-text-secondary: #D9D3CA;
  --prelaunch-color-text-muted: #9B968F;
  --prelaunch-color-text-soft: #B0AAA2;
  --prelaunch-color-accent-muted: #8C8985;

  /* Eyebrows / kickers */
  --prelaunch-kicker-font-size: 13.5px;
  --prelaunch-kicker-mobile-font-size: 12.5px;
  --prelaunch-kicker-letter-spacing: .12em;

  /* Hero */
  --prelaunch-hero-title-base: 30px;
  --prelaunch-hero-title-tablet: 38px;
  --prelaunch-hero-title-web: 48px;
  --prelaunch-hero-title-weight: 700;
  --prelaunch-hero-title-line-height: 1.3;
  --prelaunch-hero-title-letter-spacing: -.002em;

  --prelaunch-subheading-mobile: 26px;
  --prelaunch-subheading-tablet: 28px;
  --prelaunch-subheading-web: 32px;
  --prelaunch-subheading-weight: 500;
  --prelaunch-subheading-line-height: 1.4;
  --prelaunch-subheading-letter-spacing: .0021em;

  --prelaunch-step-number-weight: 500;

  --prelaunch-step-body-size: 17px;
  --prelaunch-step-body-mobile-size: 15px;
  --prelaunch-step-body-weight: 300;
  --prelaunch-step-body-line-height: 1.72;
  --prelaunch-step-body-letter-spacing: -.02em;

  /* Shared section typography */
  --prelaunch-section-title-size: clamp(31.5px,3.15vw,44px);
  --prelaunch-section-title-weight: 500;
  --prelaunch-section-title-line-height: 1.22;
  --prelaunch-section-title-letter-spacing: -.01em;

  --prelaunch-body-size: 16px;
  --prelaunch-supporting-copy-size: 16px;
  --prelaunch-supporting-copy-mobile-size: 14.5px;
  --prelaunch-body-weight: 300;
  --prelaunch-body-line-height: 1.72;
  --prelaunch-body-letter-spacing: -.018em;
  --prelaunch-section-body-mobile: 15px;
  --prelaunch-section-body-web: 16px;

  /* Add-on cards */
  --prelaunch-card-title-size: 18px;
  --prelaunch-card-title-weight: 500;
  --prelaunch-card-title-line-height: 1.34;
  --prelaunch-card-body-size: 16px;
  --prelaunch-card-body-line-height: 1.62;
}