/* CSS Custom Properties (Design Tokens) */
/* Centralized design system variables */

:root {
  /* Primary Colors */
  --color-primary: #d47742;
  --color-primary-dark: #ce7521;
  --color-primary-light: #d27b28;
  
  /* Secondary Colors */
  --color-secondary: #2a2a2a;
  --color-secondary-light: #1e1d22;
  
  /* Accent Colors */
  --color-accent: #ab6cdb;
  --color-accent-purple: #ab6cdb;
  
  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-light: #f7f7f7;
  --color-gray-medium: #5f5f5f;
  --color-gray-dark: #333333;
  
  /* Text Colors */
  --color-text-primary: #2a2a2a;
  --color-text-secondary: #5f5f5f;
  --color-text-light: #ffffff;
  
  /* Spacing Scale */
  --spacing-xs: 0.5rem;    /* 10px */
  --spacing-sm: 1rem;      /* 20px */
  --spacing-md: 1.6rem;    /* 32px */
  --spacing-lg: 2.5rem;    /* 50px */
  --spacing-xl: 3.125rem;  /* 100px */
  
  /* Typography */
  --font-primary: 'FrankRuhlLibre', serif;
  --font-secondary: 'JosefinSans', sans-serif;
  --font-accent: 'Mrs Saint Delafield', cursive;
  
  /* Font Sizes */
  --font-size-xs: 0.8rem;
  --font-size-sm: 0.9rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.35rem;
  --font-size-xl: 2rem;
  --font-size-xxl: 3.75rem;
  
  /* Line Heights */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;
}