/* ============================================================
   aike — Typography tokens
   Lora (serif) for display/headings · Inter (sans) for UI/body.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Semantic family aliases */
  --font-display: var(--font-serif);   /* "Ciao, sono Aike" */
  --font-ui:      var(--font-sans);    /* everything else */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Type scale (px) — UI is compact, base 13 ---- */
  --text-2xs: 10px;   /* badges / kbd hints */
  --text-xs:  11px;   /* section labels */
  --text-sm:  12px;   /* meta, pills, timestamps */
  --text-base:13px;   /* default UI text / nav */
  --text-md:  14px;   /* list titles, menu items, input */
  --text-lg:  16px;   /* settings headings */
  --text-xl:  18px;   /* panel titles */
  --text-2xl: 22px;   /* serif sub-display */
  --text-3xl: 32px;   /* serif hero "Ciao, sono Aike" */
  --text-4xl: 40px;   /* large serif display */

  /* ---- Line heights ---- */
  --leading-tight:   1.25;   /* serif display */
  --leading-snug:    1.4;    /* UI default */
  --leading-normal:  1.5;    /* banner copy */
  --leading-relaxed: 1.6;    /* descriptive paragraphs */

  /* ---- Letter spacing ---- */
  --tracking-display: -0.3px;  /* serif headings */
  --tracking-tight:   -0.2px;
  --tracking-normal:  0;
  --tracking-wide:    0.3px;   /* small caps labels */
}