/* Elizabeth Andrade — Typography Tokens */

:root {
  /* ── Font Families ── */
  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'Montserrat', system-ui, sans-serif;

  /* ── Font Sizes (fluid-friendly scale) ── */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-md:   1.125rem;   /* 18px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.5rem;     /* 24px */
  --text-2xl:  2rem;       /* 32px */
  --text-3xl:  2.5rem;     /* 40px */
  --text-4xl:  3.5rem;     /* 56px */
  --text-5xl:  4.5rem;     /* 72px */

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

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

  /* ── Letter Spacing ── */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0em;
  --tracking-wide:    0.06em;
  --tracking-wider:   0.12em;
  --tracking-widest:  0.2em;

  /* ── Semantic Typography ── */
  --type-display-family:    var(--font-display);
  --type-display-size:      var(--text-4xl);
  --type-display-weight:    var(--weight-black);
  --type-display-leading:   var(--leading-tight);
  --type-display-tracking:  var(--tracking-tight);

  --type-heading-family:    var(--font-display);
  --type-heading-size:      var(--text-2xl);
  --type-heading-weight:    var(--weight-bold);
  --type-heading-leading:   var(--leading-snug);

  --type-subheading-family: var(--font-body);
  --type-subheading-size:   var(--text-sm);
  --type-subheading-weight: var(--weight-semibold);
  --type-subheading-tracking: var(--tracking-widest);

  --type-body-family:       var(--font-body);
  --type-body-size:         var(--text-base);
  --type-body-weight:       var(--weight-regular);
  --type-body-leading:      var(--leading-relaxed);

  --type-caption-family:    var(--font-body);
  --type-caption-size:      var(--text-xs);
  --type-caption-weight:    var(--weight-medium);
  --type-caption-tracking:  var(--tracking-wide);

  --type-label-family:      var(--font-body);
  --type-label-size:        var(--text-sm);
  --type-label-weight:      var(--weight-semibold);
  --type-label-tracking:    var(--tracking-wider);
}