/* ── Temel CSS değişkenleri — PHP tarafından override edilir ── */
:root {
    --accent:          #FF6B35;
    --accent-secondary:#2C2C2C;
    --bg:              #FAFAFA;
    --surface:         #FFFFFF;
    --text:            #1A1A1A;
    --text-muted:      #6B7280;
    --border:          #E5E7EB;
    --radius:          12px;
    --radius-sm:       8px;
    --shadow:          0 2px 12px rgba(0,0,0,.08);
    --shadow-lg:       0 8px 32px rgba(0,0,0,.16);
    --font:            'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --transition:      0.2s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    line-height: 1.5;
    min-height: 100dvh;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: inherit; text-decoration: none; }

/* ── Utility ── */
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ── Lazy image blur-up ── */
.lazy-img {
    transition: filter 0.4s ease;
    will-change: filter;
}
.lazy-img.blurred { filter: blur(12px); }
.lazy-img.loaded  { filter: blur(0); }