{
  "$description": "Design tokens for the Marquee style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "red": {
      "$type": "color",
      "$value": "#ff3d2e",
      "$description": "hot block: hero, pricing. Always with --on-red"
    },
    "on-red": {
      "$type": "color",
      "$value": "#121013",
      "$description": "5.4:1 on red. Never white (3.5:1)"
    },
    "blue": {
      "$type": "color",
      "$value": "#1d34ff",
      "$dark": "#1424c8",
      "$description": "cool block: counter, FAQ, cards"
    },
    "on-blue": {
      "$type": "color",
      "$value": "#f3efe6",
      "$description": "6.1:1 on blue"
    },
    "yellow": {
      "$type": "color",
      "$value": "#ffe23d",
      "$description": "loud block: tapes, how it works, the close"
    },
    "on-yellow": {
      "$type": "color",
      "$value": "#121013",
      "$description": "14.6:1 on yellow"
    },
    "ink": {
      "$type": "color",
      "$value": "#121013",
      "$dark": "#09080b",
      "$description": "black block: intros, proof, footer"
    },
    "on-ink": {
      "$type": "color",
      "$value": "#f3efe6",
      "$description": "16.5:1 on ink"
    },
    "chalk": {
      "$type": "color",
      "$value": "#f3efe6",
      "$dark": "#1a181e",
      "$description": "the one quiet ground: FAQ, a stack card"
    },
    "on-chalk": {
      "$type": "color",
      "$value": "#121013",
      "$dark": "#f3efe6",
      "$description": "16.5:1 on chalk"
    },
    "pop-red": {
      "$type": "color",
      "$value": "var(--yellow)",
      "$description": "buttons and outlines on red"
    },
    "pop-blue": {
      "$type": "color",
      "$value": "var(--yellow)",
      "$description": "yellow on blue 5.4:1"
    },
    "pop-yellow": {
      "$type": "color",
      "$value": "var(--ink)"
    },
    "pop-ink": {
      "$type": "color",
      "$value": "var(--yellow)",
      "$description": "yellow on ink 14.6:1"
    },
    "pop-chalk": {
      "$type": "color",
      "$value": "var(--red)",
      "$dark": "var(--yellow)",
      "$description": "red on chalk 3.1:1: display type and fills only"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Anybody\", \"Arial Black\", \"Helvetica Neue\", Impact, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Archivo\", \"Helvetica Neue\", Arial, system-ui, sans-serif"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(64px, 15.6vw, 236px)",
      "$description": "fallback; js fits the widest line to the wrap"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(48px, 9vw, 140px)"
    },
    "fs-mega": {
      "$type": "fontFamily",
      "$value": "clamp(160px, 38vw, 560px)",
      "$description": "the counter"
    },
    "fs-ticker": {
      "$type": "fontFamily",
      "$value": "clamp(56px, 9vw, 132px)"
    },
    "fs-card": {
      "$type": "fontFamily",
      "$value": "clamp(44px, 8.2vw, 128px)"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(18px, 1.6vw, 22px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "16px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "14px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12.5px"
    },
    "fs-wdth-rest": {
      "$type": "dimension",
      "$value": "118",
      "$description": "display width axis at rest (Anybody 50..150)"
    },
    "fs-wdth-squash": {
      "$type": "dimension",
      "$value": "58",
      "$description": "width at full scroll speed or under the pointer"
    },
    "fs-wght-rest": {
      "$type": "dimension",
      "$value": "860",
      "$description": "display weight at rest (100..900)"
    },
    "fs-wght-squash": {
      "$type": "dimension",
      "$value": "380",
      "$description": "weight under the pointer"
    }
  },
  "space": {
    "s-1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "s-2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "s-3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "s-4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "s-5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "s-6": {
      "$type": "dimension",
      "$value": "32px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "48px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "72px"
    },
    "s-9": {
      "$type": "dimension",
      "$value": "120px"
    },
    "s-10": {
      "$type": "dimension",
      "$value": "168px"
    },
    "wrap": {
      "$type": "dimension",
      "$value": "1360px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "28px"
    }
  },
  "radius": {
    "r-0": {
      "$type": "dimension",
      "$value": "0px",
      "$description": "blocks and tapes: always square"
    },
    "r-btn": {
      "$type": "dimension",
      "$value": "999px",
      "$description": "buttons, chips, stickers"
    },
    "r-card": {
      "$type": "dimension",
      "$value": "28px",
      "$description": "stacked cards' top corners, plan cards"
    },
    "r-sm": {
      "$type": "dimension",
      "$value": "14px",
      "$description": "FAQ rows, quote cards"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 -30px 60px -30px rgba(18, 16, 19, 0.45)",
      "$description": "stacked card sliding over the last"
    },
    "shadow-sticker": {
      "$type": "shadow",
      "$value": "0 10px 0 -2px rgba(18, 16, 19, 0.9)",
      "$description": "stickers and featured plan: a hard drop"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.9, 0.1, 1)"
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.3, 1.8, 0.45, 0.85)",
      "$description": "squishy buttons, stickers"
    },
    "d-letter": {
      "$type": "duration",
      "$value": "0.9s",
      "$description": "split-letter entrance, per letter"
    },
    "d-stagger": {
      "$type": "duration",
      "$value": "28ms",
      "$description": "between letters"
    },
    "d-rise": {
      "$type": "duration",
      "$value": "0.8s",
      "$description": "block reveals"
    },
    "d-count": {
      "$type": "duration",
      "$value": "1.6s",
      "$description": "the big number counting up"
    }
  }
}