/* CSS Variables - WordPress Theme Match */
:root {
    /* Colors */
    --color-primary: #000000;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-text-lighter: #696969;
    --color-background: #ffffff;
    --color-background-grey: #f5f5f5;
    --color-accent: #f15958;
    --color-accent-darker:#cf3736;
    --color-border: #eeeeee;
    
    /* Typography */
    --font-primary: 'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Unna', Georgia, serif;
    
    /* Font Weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    
    /* Font Sizes */
    --fs-small: 1rem;          /* 16px */
    --fs-base: 1.125rem;       /* 18px */
    --fs-medium: 1.125rem;     /* 18px */
    --fs-large: 1.5rem;        /* 24px */
    --fs-xl: 2rem;             /* 32px */
    --fs-2xl: 2.5rem;          /* 40px */
    --fs-3xl: 3.5rem;          /* 56px */
    --fs-4xl: 4.5rem;          /* 72px */
    
    /* Spacing */
    --spacing-xs: 0.5rem;      /* 8px */
    --spacing-sm: 1rem;        /* 16px */
    --spacing-md: 1.5rem;      /* 24px */
    --spacing-lg: 2.5rem;      /* 40px */
    --spacing-xl: 3.5rem;      /* 56px */
    --spacing-2xl: 5rem;       /* 80px */
    --spacing-3xl: 7rem;       /* 112px */
    
    /* Layout */
    --max-width: 1200px;
    --max-width-narrow: 1024px;
    --border-radius: 0;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
}