/* Production design tokens — from tokeniser.com Figma SSR #container rules */

:root {
  /* Header */
  --prod-header-h-mobile: 72px;
  --prod-header-h-desktop: 88px;
  --prod-header-pad-mobile: 20px 16px;
  --prod-header-pad-desktop: 20px 80px;
  --prod-logo-w-mobile: 169.639px;
  --prod-logo-h-mobile: 28px;
  --prod-logo-w-desktop: 218.106px;
  --prod-logo-h-desktop: 36px;

  /* Investor hero */
  --prod-inv-hero-h-mobile: 1024px;
  --prod-inv-hero-h-desktop: 742px;
  --prod-inv-hero-inner-pad-mobile: 80px 16px;
  --prod-inv-hero-inner-pad-desktop: 80px;
  --prod-inv-hero-inner-gap: 48px;
  --prod-inv-hero-title-mobile: 30px;
  --prod-inv-hero-title-lh-mobile: 40px;
  --prod-inv-hero-title-desktop: 60px;
  --prod-inv-hero-title-lh-desktop: 48px;
  --prod-inv-hero-title-ls: -1px;

  /* Issuer hero */
  --prod-iss-hero-h-mobile: 795px;
  --prod-iss-hero-h-desktop: 795px;
  --prod-iss-hero-inner-gap-desktop: 80px;

  /* Stats / steps */
  --prod-stat-line-w: 262px;
  --prod-stat-value-size: 48px;
  --prod-stat-value-lh: 30px;
  --prod-stat-value-ls: -1px;
  --prod-stat-top-h: 56px;
  --prod-step-line-w-mobile: 360px;
  --prod-stat-label-ls: -1.5px;

  /* Can-do */
  --prod-can-do-pad-mobile: 64px 16px;
  --prod-can-do-pad-desktop: 120px 80px;
  --prod-can-do-gap: 140px;
  --prod-can-do-col-h: 680px;

  /* Feature (issuer) */
  --prod-feature-pad-desktop: 120px 80px;
  --prod-feature-gap-desktop: 200px;
  --prod-feature-img-w: 494px;
  --prod-feature-img-h: 618px;
  --prod-feature-text-w: 494px;

  /* Buttons & cards */
  --prod-btn-radius: 8px;
  --prod-btn-pad-sm: 8px 16px;
  --prod-btn-pad-lg: 12px 32px;
  --prod-card-radius: 12px;
  --prod-card-h: 196px;
  --prod-toggle-radius: 10px;

  /* Section */
  --prod-section-pad-mobile: 64px 16px;
  --prod-section-pad-desktop-y: 120px;
  --prod-section-pad-desktop-x: 80px;
}