/*
 * Landing-only design values (docs/ui-intent/landing.md "Tokens", docs/tdrs/landing/static-site.md).
 * New names only: nothing here redefines a token from tokens.css, which is a verbatim copy of web's.
 * No colors: every color comes from tokens.css, in both modes.
 */

:root {
  --landing-display-sm: 40px;
  --landing-display-lg: 64px;
  --landing-h2-sm: 28px;
  --landing-h2-lg: 36px;
  --landing-lead: 19px;
  --landing-line-text: 1.6;
  --landing-line-heading: 1.12;
  --landing-column-max: 72rem;
  --landing-column-text: 40rem;
  --landing-section-gap-sm: 56px;
  --landing-section-gap-lg: 96px;
  --landing-radius-bubble: 20px;
  --landing-radius-card: 28px;
  --landing-ghost-header: 32px;
  --landing-ghost-hero: 120px;
  --landing-button-lg: 56px;
  --landing-size-button-lg: 17px;
  --landing-tilt-thought: 1.5deg;
  --landing-size-step: 18px;
  --landing-bubble-max: 86%;
  --landing-panel-shot: 320px;
  --landing-carousel-card: 86%;
  --landing-image-bubble: 220px;
  --landing-icon-baseline: -0.14em;
  --landing-backdrop-opacity: 0.4;
}