/* AUTHORED — not generated. Safe from extract-tokens.mjs --write.

   Space, radius, and a fluid type scale for the new marketing site.

   HONEST PROVENANCE: the current focusedscopes.com has NO scale. Its sizes are
   hand-tuned and cluster between 10px and 16px, with half-pixel values. That
   is fine for a hand-built page and useless for a design agent, which will
   otherwise invent a different scale on every section. This file supplies one.
   It is new. It does not describe the live site. */

:root {
  /* ---- Space: 4px base, geometric-ish. Use these, not arbitrary px. ----- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;
  --space-12: 200px;

  /* Section rhythm. Luxe reads as air: sections breathe at --space-10+. */
  --section-y: clamp(var(--space-9), 12vw, var(--space-12));
  --gutter: clamp(var(--space-5), 5vw, var(--space-8));
  --measure: 68ch;      /* max line length for body copy */
  --container: 1200px;  /* max content width */

  /* ---- Radius --------------------------------------------------------- */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ---- Fluid type -----------------------------------------------------
     clamp(min, preferred, max). --step-5 and --step-6 are the oversized
     display sizes that carry the "award-winning" feel; use exactly one per
     page. --step-0 is body. */
  --step--1: clamp(0.8125rem, 0.79rem + 0.12vw, 0.875rem);
  --step-0:  clamp(1rem, 0.96rem + 0.20vw, 1.125rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.40vw, 1.40rem);
  --step-2:  clamp(1.45rem, 1.30rem + 0.75vw, 1.80rem);
  --step-3:  clamp(1.75rem, 1.50rem + 1.25vw, 2.40rem);
  --step-4:  clamp(2.10rem, 1.70rem + 2.00vw, 3.20rem);
  --step-5:  clamp(2.60rem, 1.90rem + 3.40vw, 4.60rem);
  --step-6:  clamp(3.10rem, 2.00rem + 5.20vw, 6.40rem);

  /* Display type wants tighter tracking and leading than body. */
  --leading-display: 1.05;
  --leading-heading: 1.20;
  --leading-body: 1.65;
  --tracking-display: -0.03em;
  --tracking-eyebrow: 0.14em;
}