/* ALB-PACKA Typography Tokens */

@font-face {
  font-family: 'Fredoka';
  src: url('../assets/fonts/Fredoka-VariableFont.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Font Families ── */
  --font-brand: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --font-body:  'Fredoka', 'Nunito', system-ui, sans-serif;
  --font-mono:  'Courier New', monospace;

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

  /* ── Size Scale ── */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.375rem;   /* 22px */
  --text-2xl:  1.625rem;   /* 26px */
  --text-3xl:  2rem;       /* 32px */
  --text-4xl:  2.5rem;     /* 40px */
  --text-5xl:  3.25rem;    /* 52px */
  --text-6xl:  4rem;       /* 64px */

  /* ── Line Heights ── */
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.5;
  --leading-loose:  1.7;

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

  /* ── Semantic Roles ── */
  --type-hero:        var(--font-brand);
  --type-heading:     var(--font-brand);
  --type-body:        var(--font-body);
  --type-label:       var(--font-brand);
  --type-caption:     var(--font-body);
}