/* ==========================================================================
   Dellera Theme — Typography Tokens

   All font families, sizes, weights, and line-heights are defined here.
   Change a value here and it propagates everywhere.

   To add custom web fonts:
   1. Place font files in assets/fonts/
   2. Add @font-face declarations at the top of this file
   3. Update --font-heading / --font-body with the new family name
   ========================================================================== */

/* --- @font-face declarations (add custom fonts here) ---
@font-face {
  font-family: 'YourHeadingFont';
  src: url('../assets/fonts/your-font.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

:root {
  /* --- Font Families --- */
  --font-heading:  'Georgia', 'Times New Roman', 'Palatino', serif;
  --font-body:     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                   'Helvetica Neue', Arial, sans-serif;
  --font-mono:     'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* --- Font Sizes (mobile-first base = 16px) --- */
  --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:   1.875rem;   /* 30px */
  --text-3xl:   2.25rem;    /* 36px */
  --text-4xl:   3rem;       /* 48px */

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

  /* --- Line Heights --- */
  --leading-tight:    1.2;
  --leading-snug:     1.35;
  --leading-normal:   1.6;
  --leading-relaxed:  1.75;

  /* --- Letter Spacing --- */
  --tracking-tight:    -0.01em;
  --tracking-normal:    0;
  --tracking-wide:      0.025em;
  --tracking-wider:     0.05em;
  --tracking-widest:    0.1em;
}