:root {
    /* Color System */
    --color-bg-main: #F5F3EC; /* Light beige from reference */
    --color-text-main: #1A1A1A; /* Dark almost black */
    --color-text-muted: #555555;
    
    /* Blob Colors */
    --color-blob-terracotta: #07B8A6; /* Swapped to Cyan */
    --color-blob-gold: #07B8A6; /* Swapped to Cyan */
    
    /* Element Colors */
    --color-btn-dark: #000000;
    --color-hover-text: #059688; /* Darker cyan */
    
    /* Typography System */
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --text-h1: 52px;
    --text-h2: 40px;
    --text-h3: 36px;
    --text-p-xl: 22px;
    --text-p-base: 16px;
    --text-p-sm: 14px;
}