/* Bookify Technology — Typography Tokens */
/* ⚠️ Font substitution: using Google Fonts equivalents.
   - "Space Grotesk" ≈ display/heading (geometric sans)
   - "DM Sans" ≈ body copy (humanist sans)
   - "JetBrains Mono" ≈ monospace
   Please supply brand font files to replace these. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Font Families ── */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* ── Font Sizes ── */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;
  --text-5xl:  48px;
  --text-6xl:  60px;
  --text-7xl:  72px;

  /* ── Font Weights ── */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── Line Heights ── */
  --leading-none:    1;
  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --leading-loose:   1.8;

  /* ── Letter Spacing ── */
  --tracking-tight:  -0.03em;
  --tracking-snug:   -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.08em;
  --tracking-widest:  0.12em;

  /* ── Semantic Type Roles ── */
  --type-display-font:   var(--font-display);
  --type-display-weight: var(--weight-bold);
  --type-display-tracking: var(--tracking-tight);

  --type-heading-font:   var(--font-display);
  --type-heading-weight: var(--weight-semibold);

  --type-body-font:      var(--font-sans);
  --type-body-weight:    var(--weight-regular);
  --type-body-leading:   var(--leading-normal);

  --type-label-font:     var(--font-sans);
  --type-label-weight:   var(--weight-medium);
  --type-label-tracking: var(--tracking-wide);

  --type-mono-font:      var(--font-mono);
  --type-mono-weight:    var(--weight-regular);
}