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

:root {

  /* 
  === COLOURS === 
  */
  --color-bg-primary: #FFFDFB;     /* Off-white parchment base */
  --color-bg-secondary: #FAF6F0;   /* Slightly deeper cream for section contrast */
  --color-text: #3F3F3F;           /* Charcoal, matches wordmark colour in default logo */
  --color-accent: #A50021;         /* Madder red */

  /* 
  === TYPOGRAPHY === 
  */
  --font-family-serif: 'EB 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-paragraph: 1rem;    /* 16px */
  --font-size-ui-label: 0.875rem; /* 14px */
  --font-size-caption: 0.875rem;   /* 14px */
  --font-size-fineprint: 0.75rem;  /* 12px */

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

  /* 
  === SIZING TOKENS (for future use) === 
  */
  /* --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem; */

  /* 
  === BREAKPOINTS (for inline use or media queries) === 
  */
  /* --breakpoint-compact: 600px;
  --breakpoint-regular: 1024px;
  --breakpoint-large: 1440px; */

}