/* ============================================================
   Bahçeden — CSS Variables
   ============================================================ */
:root {
    /* Brand Colors */
    --clr-blue:    #00438F;
    --clr-red:     #B81237;
    --clr-orange:  #F47B29;
    --clr-yellow:  #FFCA38;
    --clr-gray:    #858585;
    --clr-light:   #F7F7F7;
    --clr-white:   #FFFFFF;
    --clr-dark:    #1A1A2E;

    /* Typography */
    --ff-main:     'Poppins', sans-serif;

    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-md:   1.125rem;
    --fs-lg:   1.375rem;
    --fs-xl:   1.75rem;
    --fs-2xl:  2.25rem;
    --fs-3xl:  3rem;
    --fs-4xl:  3.75rem;
    --fs-hero: clamp(2.5rem, 6vw, 4.5rem);

    --fw-light:    300;
    --fw-regular:  400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;

    /* Spacing */
    --space-xs:  0.5rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2rem;
    --space-xl:  3rem;
    --space-2xl: 5rem;
    --space-3xl: 7rem;

    /* Border Radius */
    --radius-sm:  0.5rem;
    --radius-md:  1rem;
    --radius-lg:  2rem;
    --radius-xl:  3rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm:  0 2px 10px rgba(0,67,143,0.08);
    --shadow-md:  0 8px 30px rgba(0,67,143,0.15);
    --shadow-lg:  0 20px 60px rgba(0,67,143,0.2);
    --shadow-card:0 10px 40px rgba(0,0,0,0.10);

    /* Transitions */
    --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 0.2s;
    --duration-mid:  0.4s;
    --duration-slow: 0.7s;

    /* Layout */
    --container-max: 1280px;
    --navbar-h: 80px;
}