:root {
    /* Colors */
    --color-primary: #7a9e92;       /* Sage Green */
    --color-primary-dark: #5e7d73;  /* Darker Sage for hover/text */
    --color-primary-light: #a3c4b8; /* Lighter Sage */
    --color-secondary: #2c3e50;     /* Dark Slate (Text) */
    --color-accent: #e8f5e9;        /* Off-white/Green tint background */
    --color-white: #ffffff;
    --color-text-main: #2c3e50;
    --color-text-light: #666666;
    --color-border: #dae1e7;

    /* Fonts */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 64px;

    /* Shadows */
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;

    /* Patterns */
    /* Subtle Plaid Pattern */
    --pattern-plaid: 
        repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(122, 158, 146, 0.1) 40px, rgba(122, 158, 146, 0.1) 80px),
        repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(122, 158, 146, 0.1) 40px, rgba(122, 158, 146, 0.1) 80px),
        linear-gradient(#f8faf9, #f8faf9);
}