:root { --font-heading: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-body: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --navy: #232f60; --red: #e43c2f; --navy-dark: #17203f; --navy-light: #1a3070; --ink: #000000; --muted: #000000 ; --light: #f5f3ef; --white: #ffffff; --border: #e0ddd7; --menu-bg: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%); --site-max-width: 1600px; --padding-default: 1.5rem; }

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

* { margin: 0; padding: 0; }

html { font-size: 18px; width: 100%; height: 100%; }

body { font-family: var(--font-body); font-weight: var(--fw-regular); font-size: 1rem; line-height: 1.6; color: var(--ink); background: #0f0f0f; overflow-x: hidden; width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: var(--fw-regular); line-height: 1.2; color: var(--ink); margin-bottom: 0.5em; }

h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); letter-spacing: -0.02em; }

h2 { font-size: clamp(2.2rem, 5vw, 3.8rem); letter-spacing: -0.01em; }

h3 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); letter-spacing: -0.01em; }

h4 { font-size: clamp(1.5rem, 2.8vw, 2rem); }

h5 { font-size: 1.4rem; }

h6 { font-size: 1.2rem; }

p { font-family: var(--font-body); font-weight: var(--fw-regular); font-size: 1.15rem; line-height: 1.75; color: var(--ink); margin-bottom: 1rem; }

    p:last-child { margin-bottom: 0; }

/* Liste elemanlarını paragraf metniyle aynı boyuta eşitle */
ul, ol { font-size: 1.15rem; }
ul li, ol li { font-size: inherit; }

a { font-family: var(--font-body); color: inherit; text-decoration: none; transition: color 0.25s ease; }

    a.underline { color: #0066cc; text-decoration: underline; cursor: pointer; }
        a.underline:link { color: #0066cc; }
        a.underline:visited { color: #800080; }
        a.underline:hover { color: #0044aa; text-decoration: none; }
        a.underline:active { color: #cc0000; }
        a.underline:focus { outline: 2px solid #0066cc; outline-offset: 2px; }

    a.mouseover { color: #000; text-decoration: none; cursor: pointer; }
        a.mouseover:link { color: #000; }
        a.mouseover:visited { color: #800080; }
        a.mouseover:hover { color: #0044aa; text-decoration: underline; }
        a.mouseover:active { color: #cc0000; }
        a.mouseover:focus { outline: 2px solid #0066cc; outline-offset: 2px; }

    a.backpage { color: #fff; text-decoration: none; cursor: pointer; }
        a.backpage:link { color: #fff; }
        a.backpage:visited { color: #fff; }
        a.backpage:hover { color: #83bad9; text-decoration: underline; }
        a.backpage:active { color: #fff; }
        a.backpage:focus { outline: 2px solid #fff; outline-offset: 2px; }

    a.backpageY { color: #fff; text-decoration: none; cursor: pointer; }
        a.backpageY:link { color: #fff; }
        a.backpageY:visited { color: #fff; }
        a.backpageY:hover { color: #ffcc00; text-decoration: underline; }
        a.backpageY:active { color: #fff; }
        a.backpageY:focus { outline: 2px solid #fff; outline-offset: 2px; }

button, .btn { font-family: var(--font-body); font-weight: var(--fw-medium); font-size: 1.1rem; letter-spacing: 0.05em; cursor: pointer; border: none; background: none; }

.label, .tag, .category { font-family: var(--font-body); font-weight: var(--fw-medium); font-size: 1rem; letter-spacing: 0.1em; text-transform: uppercase; }

small, .small { font-family: var(--font-body); font-size: 1rem; font-weight: var(--fw-regular); }

.spacer { height: 60px; width: 100%; display: block; }

@media (max-width: 1200px) {
    html { font-size: 18px; }
    .spacer { height: 55px; }
    p { font-size: 1.15rem; }

    /* küçük ekranlarda listelerin paragrafla uyumlu görünmesi için */
    ul, ol { font-size: 1.15rem; }
}

@media (max-width: 992px) {
    html { font-size: 17.5px; }
    .spacer { height: 50px; }
    p { font-size: 1.1rem; }
    ul, ol { font-size: 1.1rem; }
}

@media (max-width: 768px) {
    html { font-size: 17px; }
    .spacer { height: 45px; }
    p { font-size: 1.1rem; }
    ul, ol { font-size: 1.1rem; }
    body { font-size: 1rem; }
}

@media (max-width: 576px) {
    html { font-size: 16.5px; }
    .spacer { height: 40px; }
    p { font-size: 1.05rem; line-height: 1.7; }
    ul, ol { font-size: 1.05rem; }
    h5 { font-size: 1.3rem; }
    h6 { font-size: 1.15rem; }
}

@media (max-width: 400px) {
    html { font-size: 16px; }
    .spacer { height: 35px; }
    p { font-size: 1rem; }
    ul, ol { font-size: 1rem; }
}