:root {
    /* Brand Colors */
    --brand-primary: #4a90b8;        /* Stronger sky blue - main brand */
    --brand-secondary: #5e93b3;      /* Very light blue-white */
    
    /* UI Elements */
    --icons-color: #5ba085;          /* Stronger mint green - icons */
    --buttons-hover: #3a7ca8;        /* Deeper sky blue - hover */
    
    /* Gradient Colors */
    --gradient1: #e6f2f7;           /* Light blue */
    --gradient2: #a8cde0;           /* Medium blue-gray */
    --gradient3: #4a90b8;           /* Strong sky blue */
    
    /* Text Colors */
    --text-main: #1a2332;           /* Very dark blue-gray - high contrast */
    --text-sub: #2d4356;            /* Dark blue-gray - good contrast */
    --text-muted: #546e7a;          /* Medium blue-gray - readable */
    
    /* Background Colors */
    --body-background: #ffffff;      /* Pure white for maximum contrast */
    --card-background: #ffffff;      /* Pure white */
    --section-accent: #f0f6fa;       /* Very light cool accent */
    
    /* Legacy variables for backward compatibility */
    --primary-color: var(--brand-primary);
    --secondary-color: var(--brand-secondary);
    --accent-color: var(--icons-color);
    --neutral-warm: var(--text-muted);
    --neutral-cool: var(--gradient1);
    --neutral-sage: var(--gradient2);
    --neutral-taupe: var(--gradient3);
    --neutral-stone: var(--section-accent);
    --text-primary: var(--text-main);
    --text-secondary: var(--text-sub);
    --background-light: var(--body-background);
}