/* HRV — Typography tokens
   Display: Zen Maru Gothic — rounded, warm, friendly-but-professional JP display face,
     echoing the soft hand-drawn feel of the reference site without losing polish.
   Body: Noto Sans JP — neutral, highly legible workhorse for long-form corporate copy.
   Accent script: Caveat — Latin-only flourish for small English accent words
     (mirrors the reference site's cursive "Music House" treatment). Never used for JP. */

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&family=Noto+Sans+JP:wght@400;500;700&family=Caveat:wght@500;600&display=swap');

:root {
  --font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  --font-body:    "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-accent:  "Caveat", cursive;

  /* Display scale (fixed rem sizes; wrap the whole element in clamp() at point
     of use if you need fluid scaling, rather than baking clamp() into the token) */
  --text-display-xl: 700 4rem/1.25 var(--font-display);
  --text-display-lg: 700 2.75rem/1.3 var(--font-display);
  --text-display-md: 700 2rem/1.35 var(--font-display);
  --text-display-sm: 500 1.5rem/1.4 var(--font-display);

  /* Body scale */
  --text-body-lg: 400 1.125rem/1.9 var(--font-body);
  --text-body-md: 400 1rem/1.9 var(--font-body);
  --text-body-sm: 400 0.875rem/1.75 var(--font-body);
  --text-caption: 500 0.75rem/1.5 var(--font-body);

  /* Weights & letterspacing */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 900;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;

  /* Accent script sizes */
  --text-script-lg: 600 3.5rem/1 var(--font-accent);
  --text-script-md: 600 2rem/1 var(--font-accent);
}