/*
_______________________________________________
=== VARIABLES ===
_______________________________________________
*/

:root {

  /*
  === COLOURS ===
  */
  --color-parchment-light: #FFFDFB;    /* Light parchment base */
  --color-parchment-medium: #FAF6F0;    /* Medium parchment for contrast sections */
  --color-charcoal-ink: #3F3F3F;        /* Charcoal ink for text */
  --color-madder-red: #A50021;          /* Madder red accent */
  --color-gold: #D9A951;                /* Gold accent */


  /*
  === TYPOGRAPHY ===
  */
  --font-family-serif: 'Cormorant Garamond', serif;
  --font-family-sans: 'Libre Franklin', sans-serif;

  /* Font Sizes (based on 16px root) */
  --font-size-heading1: 4rem;     /* 64px */
  --font-size-heading2: 3rem;     /* 48px */
  --font-size-heading3: 2rem;     /* 32px */
  --font-size-heading4: 1.5rem;   /* 24px */
  --font-size-heading5: 1.25rem;   /* 18px */
  --font-size-paragraph: 1.125rem;    /* 18px */
  --font-size-ui-label: 1rem; /* 16px */
  --font-size-caption: 1rem;   /* 16px */
  --font-size-fineprint: 0.875rem;   /* 14px */

  /* Line Heights */
  --line-height-heading: 1.2;
  --line-height-text: 1.4;
  --line-height-label: 1.4;
  --line-height-caption: 1.4;
  --line-height-fineprint: 1.5;

  /*
  === SIZING TOKENS ===
  */

  --spacing-paragraph: 1.25em;
  --spacing-section: 2.5em;
  --spacing-caption: 0.75em;
  --spacing-quote: 1.5em;
  --spacing-initial: 0.5em;

  /*
  === WIDTH TOKENS ===
  */

  --width-max-ch: 70ch;
  --width-max-vw: 80vw;


}