/* CSS Değişkenleri - Tüm Renk ve Boyut Değişkenleri */
:root {
    /* Ana Renk Paleti */
    --primary-yellow: #fcee21; /* Vurgu sarı rengi */
    --dark-gray: #212529; /* Koyu gri */
    --light-gray: #F8F9FA; /* Açık gri arka plan */
    --text-color: #343a40; /* Genel metin rengi */
    --text-muted: #6c757d; /* Soluk metin rengi */
    --black: #000000; /* Siyah */
    --white: #FFFFFF; /* Beyaz */
    --border-color: #dee2e6; /* Kenarlık rengi */

    /* Tipografi */
    --font-family: 'Audimat3000';
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 900;

    /* Ana Başlık Boyutları */
    --hero-h1-desktop: 3.2rem;
    --hero-h1-tablet: 2.5rem;
    --hero-h1-mobile: 2rem;
    --hero-h1-small: 1.8rem;

    --hero-p-desktop: 1.5rem;
    --hero-p-tablet: 1.2rem;
    --hero-p-mobile: 1rem;
    --hero-p-small: 0.9rem;

    /* Bölüm Başlıkları */
    --section-title-size: 2rem;
    --section-title-weight: var(--font-weight-bold);
    --section-title-color: var(--black);
    --section-title-margin: var(--spacing-xl);

    /* Responsive Section Titles */
    --section-title-tablet: 1.8rem;
    --section-title-mobile: 1.5rem;
    --section-title-small: 1.3rem;

    /* Responsive Hero Text */
    --hero-responsive-xl: 2.5rem;
    --hero-responsive-lg: 2rem;
    --hero-responsive-md: 1.5rem;
    --hero-responsive-sm: 1.2rem;

    /* İçerik Boyutları */
    --text-normal: 1.1rem;
    --text-medium: 1.25rem;
    --text-small: 1rem;
    --text-xsmall: 0.95rem;
    --text-large: 1.5rem;
    --text-xlarge: 4rem; /* Alıntı ikonu boyutu */

    /* Responsive Text Sizes */
    --text-normal-mobile: 1rem;
    --text-medium-mobile: 1.1rem;
    --text-small-mobile: 0.9rem;
    --text-xsmall-mobile: 0.85rem;

    /* Lead Text (Giriş Paragrafları) */
    --lead-text-size: 1.25rem;
    --lead-text-weight: var(--font-weight-medium);
    --lead-text-color: var(--text-color);

    /* Buton Stilleri */
    --button-font-size: 14px;
    --button-font-weight: var(--font-weight-bold);
    --button-padding: 12px 24px;
    --button-border-radius: 25px;

    --line-height-normal: 1.8;
    --line-height-tight: 1.6;
    --line-height-relaxed: 2.0;
    --line-height-hero: 1.2;

    /* Boşluklar */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;
    --spacing-xxxl: 5rem;

    /* Border Radius */
    --border-radius-sm: 0.5rem;
    --border-radius-md: 0.75rem;
    --border-radius-lg: 1rem;

    /* Gölgeler */
    --shadow-sm: 0 0.25rem 0.5rem rgba(0,0,0,0.03);
    --shadow-md: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --shadow-lg: 0 0.5rem 1.5rem rgba(0,0,0,0.15);
    --shadow-xl: 0 8px 24px rgba(0,0,0,0.18);

    /* Layout */
    --max-width: 1200px;
    --container-padding: 20px;
    --container-padding-tablet: 15px;
    --container-padding-mobile: 10px;
    --container-padding-small: 8px;

    /* Geçiş Süreleri */
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
    --transition-slow: 0.4s;
}