/* ==========================================================================
   tokens.css
   Shared design tokens for spacing, typography, and radii. Use these in
   module CSS instead of hardcoding numbers so the system stays consistent
   and can be tuned centrally.

   The feature-scoped font-size aliases in base.css (--st-*, --an-*) are
   kept for backwards compatibility; new code should prefer --text-* here.
   ========================================================================== */

:root {
  /* Spacing scale — rem multiples of 4px (at default root size) ----------- */
  --space-0: 0;
  --space-1: 0.25rem;   /*  4px */
  --space-2: 0.5rem;    /*  8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */

  /* Typography scale ------------------------------------------------------ */
  --text-2xs: 0.7rem;
  --text-xs: 0.78rem;
  --text-sm: 0.85rem;
  --text-base: 0.92rem;
  --text-md: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;

  /* Font weights ---------------------------------------------------------- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Line heights ---------------------------------------------------------- */
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;

  /* Radii ----------------------------------------------------------------- */
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-full: 9999px;
}