/* Design tokens — FlowBlocks landing */

:root {
  /* Colors */
  --color-bg-base: #0b0b15;
  --color-bg-deep: #050505;
  --color-text-primary: #ffffff;
  --color-text-muted: #888888;

  --shadow-store-focus: 0 0 0 3px rgba(255, 255, 255, 0.35);

  --font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /*
   * Landing copy (canonical):
   * text-align: center; font-family: Nunito; font-size: 4.5rem;
   * font-style: normal; font-weight: 800; line-height: 140%; letter-spacing: -0.18rem;
   * Narrow viewports: responsive.css overrides --text-landing-* for readability.
   */
  --text-landing-size: 4.5rem;
  --text-landing-leading: 140%;
  --text-landing-tracking: -0.18rem;

  --leading-relaxed: 1.65;
  --leading-snug: 1.35;

  /* Layout */
  --container-max: 100%;
  --container-padding-x: clamp(1.25rem, 2vw, 7.5rem);

  --space-section: clamp(3.5rem, 8vw, 6.25rem);
  --space-block: clamp(2.5rem, 7vw, 5rem);

  --radius-phone: 2.25rem;

  /* Store badges — shared height for Apple / Google Play; width from SVG aspect ratio */
  --store-badge-height: clamp(2.25rem, 5vw, 7.125rem);
  --store-badge-height-header: clamp(2.25rem, 3.25rem, 3.765rem);

  /* Motion */
  --transition-fast: 160ms ease;

  --bp-mobile: 375px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;
}