/* ============================================================================
   tokens/base.css: scovr.com's radii, fonts, motion and footer type,
   declared once.

   Generated by DESIGN-SYSTEM (Claude Design-Space/DESIGN-SYSTEM, GitLab
   design-system/core) from the scovr-com product. Never edit it by hand:
   change a value on the Design page in SCOVR-APP (Foundations, Typography,
   "scovr.com") and press Save, or change it in DESIGN-SYSTEM and run
   node scripts/sync-products.mjs.

   Every page links this file after tokens/palette.css and before its own
   styles, and declares none of these itself. A page that keeps a value
   declares only that one after the link, and DESIGN-SYSTEM's product file
   lists the page under "own". The names are the sites' (ADR-0014).
   ========================================================================= */

:root {
  /* Shape: the steps every page uses. A step is a fixed number. */
  --r6: 6px; --r8: 8px; --r12: 12px; --r16: 16px; --r24: 24px;

  /* Type: the typefaces, each with its stack */
  --font: 'Aeonik', system-ui, sans-serif;
  --font-brand: 'Gilroy', 'Aeonik', system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* The brand marks: SCOVR is always Gilroy Bold at 600 with 0.04em (ADR-0004) */
  --brand-weight: 600;
  --brand-tracking: 0.04em;

  /* Motion */
  --ease-soft: cubic-bezier(0.16, 1, 0.30, 1);

  /* The footer: one line, fixed to the bottom of the page */
  --type-foot-size: 12px;
  --type-foot-weight: 400;
  --type-foot-color: var(--muted2); /* the footer's grey is muted2 */
  --type-foot-tracking: 0;
}