:root {
    --primary-color: #0088cc; 
    --primary-light: rgba(0, 136, 204, 0.1);
    --primary-dark: #006699;
    --light-bg: #ffffff;
    --light-bg-alt: #f8f9fa;
    --dark-bg: #18222d;
    --dark-bg-alt: #212e3c;
    --light-text: #2c2c2c;
    --light-text-secondary: #6c757d;
    --dark-text: #e9ecef;
    --dark-text-secondary: #adb5bd;
    --section-padding: 100px 0;
    --border-radius: 12px;
    --transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    --shadow-light: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-dark: 0 10px 30px rgba(0, 0, 0, 0.25);
}