/*
 * Form Digital canonical web tokens.
 * Source: Form-Core-Sites-Updates/planning/form-digital-production/sources/design-tokens.json
 * Keep values exact. Page-specific composition belongs in the consuming stylesheet.
 */
:root {
  --fd-paper: #FAFAFA;
  --fd-ink: #05070B;
  --fd-void: #05070B;
  --fd-near: #0A0D12;
  --fd-panel: #141821;
  --fd-soft: #F4F5F7;
  --fd-cobalt: #3D6BFF;
  --fd-signal: #3D6BFF;
  --fd-deep: #2E54D8;
  --fd-rim: #5AB6FF;
  --fd-ice: #A9CCFF;
  --fd-signal-text: #375FE6;
  --fd-spark: #9B6BFF;
  --fd-wash: #EAF0F8;
  --fd-quiet: #46505E;
  --fd-line: #C7CCD3;
  /* Parent ink ladder. Dim text uses the measured .60 rung; declared .55 fails AA on paper. */
  --fd-ink-soft: 0.8;
  --fd-ink-body: 0.64;
  --fd-ink-dim: 0.6;
  --fd-ink-ghost: 0.18;
  --fd-hairline: rgba(10, 13, 18, 0.1);
  --fd-hairline-strong: rgba(10, 13, 18, 0.16);

  --fd-display-font: "Satoshi", sans-serif;
  --fd-display-weight: 500;
  --fd-display-leading: 1.04;
  --fd-display-track: -0.06em;
  --fd-body-font: "Manrope", sans-serif;
  --fd-body-weight: 500;
  --fd-body-leading: 1.6;
  --fd-meta-font: "League Spartan", sans-serif;
  --fd-meta-weight: 500;
  --fd-meta-leading: 1.5;
  --fd-meta-track: 0.14em;

  --fd-page-pad: clamp(24px, 4.5vw, 80px);
  --fd-section-space: clamp(72px, 9vw, 150px);
  --fd-duration-frame: 700ms;
  --fd-duration-interaction: 180ms;
  --fd-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Compatibility aliases used by existing Real UI and page styles. */
  --paper: var(--fd-paper);
  --ink: var(--fd-ink);
  --cobalt: var(--fd-cobalt);
  --blue: var(--fd-cobalt);
  --signal: var(--fd-signal);
  --deep: var(--fd-deep);
  --rim: var(--fd-rim);
  --ice: var(--fd-ice);
  --wash: var(--fd-wash);
  --quiet: var(--fd-quiet);
  --line: var(--fd-line);
  --display-font: var(--fd-display-font);
  --display-weight: var(--fd-display-weight);
  --display-leading: var(--fd-display-leading);
  --display-track: var(--fd-display-track);
  --body-font: var(--fd-body-font);
  --body-weight: var(--fd-body-weight);
  --body-leading: var(--fd-body-leading);
  --meta-font: var(--fd-meta-font);
  --meta-weight: var(--fd-meta-weight);
  --meta-leading: var(--fd-meta-leading);
  --meta-track: var(--fd-meta-track);
  --duration-frame: var(--fd-duration-frame);
  --duration-interaction: var(--fd-duration-interaction);
  --ease: var(--fd-ease);
}