/* Dreamora Safari — typography tokens
   Display: Julius Sans One (thin, wide-tracked capitals — used sparingly, large sizes only)
   Body/UI:  Montserrat (geometric sans, carries all reading sizes and UI chrome)

   Font files are not bundled in this project (no binaries were supplied) — loaded from
   Google Fonts CDN below. See readme.md "Visual foundations > Type" for a note on
   self-hosting if the user supplies the original webfont files. */

@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --font-display: 'Julius Sans One', 'Montserrat', sans-serif;
  --font-body: 'Montserrat', sans-serif;

  /* Julius Sans One has no weight axis — it is visually a light/regular face */
  --weight-display: 400;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Display scale — Julius Sans One, always uppercase, always tracked out */
  --display-2xl-size: clamp(3.5rem, 2.4rem + 4.5vw, 7rem);
  --display-xl-size: clamp(2.75rem, 2.1rem + 2.8vw, 4.75rem);
  --display-lg-size: clamp(2.1rem, 1.7rem + 1.8vw, 3.25rem);
  --display-md-size: 1.75rem;
  --display-tracking: 0.06em;
  --display-line-height: 1.08;

  /* Body / UI scale — Montserrat */
  --text-eyebrow-size: 0.8125rem;
  --text-eyebrow-tracking: 0.18em;
  --text-lg-size: 1.375rem;
  --text-lg-line: 1.5;
  --text-body-size: 1.0625rem;
  --text-body-line: 1.65;
  --text-sm-size: 0.9375rem;
  --text-sm-line: 1.5;
  --text-xs-size: 0.8125rem;
  --text-xs-line: 1.4;

  --ui-label-size: 0.9375rem;
  --ui-label-tracking: 0.01em;
}