:root {
    /* Colors (Aydınlık / Ana Tema) */
    --color-bg: #FFFFFF;
    --color-bg-dark: #282829;
    --color-text: #282829;
    --color-text-light: #FFFFFF;
    --color-border: #282829;
    --color-gray-light: #f0f0f0;
    --color-gray-text: #888888;
    --color-black: #000000;
    --color-pure-dark: #111111;
    /* Yeni Premium Preloader Siyahı */
    --color-border-input: #cccccc;
    --color-border-subtle: #eeeeee;

    /* Typography */
    --font-primary: "Montserrat", Arial, sans-serif;
    --font-secondary: "Montserrat", Arial, sans-serif;
    --font-size-xxs: 10px;
    --font-size-xs: 14px;
    --font-size-sm: 16px;
    --font-size-md: 24px;
    --font-size-lg: 32px;
    --font-size-display: 48px;
    --font-size-xl: 54px;
    --font-size-2xl: 64px;
    --font-weight-regular-thin: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    --font-weight-black: 700;

    /* Spacing */
    --spacing-xxs: 10px;
    --spacing-xs: 14px;
    --spacing-ms: 20px;
    /* Added for 20px gaps */
    --spacing-sm: 30px;
    --spacing-md: 40px;
    --spacing-lg: 60px;
    --spacing-xl: 80px;
    --spacing-2xl: 120px;

    /* Layout */
    --container-max-width: 1200px;
    --header-height: 64px;

    /* Icons */
    --icon-size-xs: 16px;
    --icon-size-sm: 30px;
    /* Added for mobile scroll icon */
    --icon-size-md: 50px;
    --icon-size-lg: 60px;
    --icon-size-xl: 80px;

    /* Transitions & Animations */
    --transition-fast: 0.3s ease;
    --transition-slow: 0.6s ease;

    /* Overlays & Shadows */
    --color-overlay-light: rgba(0, 0, 0, 0.2);
    --color-overlay-dark: rgba(0, 0, 0, 0.60);
    --color-overlay-darker: rgba(0, 0, 0, 0.7);
    --shadow-text: 0 2px 4px rgba(0, 0, 0, 0.5);
}



/* Base Responsive Typography */
@media (max-width: 768px) {
    :root {
        --font-size-display: 36px;
        --font-size-2xl: 42px;
        --font-size-xl: 32px;
        --font-size-lg: 24px;
        --font-size-md: 20px;
        --header-height: 60px;
        --spacing-xl: 60px;
    }
}