/* theme.css — Sadece :root değişkenleri.
   Bu dosya doğrudan DÜZENLENMEZ.
   Renkler ve fontlar ayarlar.php'den head.php aracılığıyla inject edilir.
   Aşağıdaki değerler sadece fallback / IDE önizlemesi içindir. */

:root {
    --color-palette-1: #FBEFEF;
    --color-palette-2: #FFE2E2;
    --color-palette-3: #F5CBCB;
    --color-palette-4: #C5B3D3;
    --color-primary:   #1a1a1a;
    --color-secondary: #FFE2E2;
    --color-accent:    #C5B3D3;
    --color-text:      #333333;
    --color-bg:        #ffffff;
    --color-accent-dark: #5c5068;

    --font-heading:    'Poppins', sans-serif;
    --font-body:       'Poppins', sans-serif;

    /* Türevler — her zaman burada hesaplanır */
    --color-primary-light:  color-mix(in srgb, var(--color-primary) 80%, white);
    --color-accent-light:   color-mix(in srgb, var(--color-accent)  80%, white);
    --color-border:         color-mix(in srgb, var(--color-secondary) 70%, var(--color-text));

    /* Spacing sistemi */
    --space-xs:   0.25rem;   /* 4px  */
    --space-sm:   0.5rem;    /* 8px  */
    --space-md:   1rem;      /* 16px */
    --space-lg:   1.5rem;    /* 24px */
    --space-xl:   2rem;      /* 32px */
    --space-2xl:  3rem;      /* 48px */
    --space-3xl:  4rem;      /* 64px */
    --space-4xl:  6rem;      /* 96px */

    /* Border radius */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  20px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
    --shadow-md:  0 4px 12px rgba(0,0,0,.10);
    --shadow-lg:  0 8px 30px rgba(0,0,0,.12);

    /* Transitions */
    --transition: 0.25s ease;
    --transition-slow: 0.45s ease;

    /* Z-index katmanları */
    --z-base:    1;
    --z-dropdown: 100;
    --z-sticky:  200;
    --z-overlay: 300;
    --z-modal:   400;
    --z-toast:   500;

    /* Layout */
    --container-max: 1200px;
    --container-pad: 1.25rem;
    --header-height: 72px;
}