:root {
    --color-primary: #E51B77;
    --color-primary-hover: #cc025e;
    --color-primary-light: #ff4d6a;
    --color-primary-rgb: 255, 0, 43;
    --color-secondary: #E51B77;
    /* --color-secondary: #9F1150; */
    --color-secondary-hover: #152a45;
    --color-secondary-light: #2a4f7a;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-text-muted: #999999;
    --color-text-white: #ffffff;
    --color-bg: #ffffff;
    --color-bg-light: #f8f9fa;
    --color-bg-dark: #9F1150;
    --color-bg-overlay: rgba(0, 0, 0, 0.5);
    --color-border: #e0e0e0;
    --color-border-light: #f0f0f0;
    --shadow-light: 0 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 20px rgba(0, 0, 0, 0.15);
    --shadow-heavy: 0 8px 32px rgba(0, 0, 0, 0.2);
    --color-success: #28a745;
    --color-error: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --font-primary: 'Roboto', sans-serif;
    --font-secondary: 'Roboto', sans-serif;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 18px;
    --font-size-h1: 48px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 22px;
    --line-height: 1.6;
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 48px;
    --spacing-xl: 80px;
    --spacing-section: 80px;
    --container-max-width: 1200px;
    --border-radius: 16px;
    --border-radius-large: 24px;
    --header-height: 80px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

body {
    background-image: url("../images/background.webp");
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.section,
.section-alt {
    background-color: transparent !important;
}

.about-image img,
.team-member img {
    border-radius: 16px;
}