/* Güven 2026 – ortak stiller */

:root {
    --gv-metin: oklch(0.27 0.03 150);
    --gv-soluk: oklch(0.42 0.03 150);
    --gv-vurgu: oklch(0.48 0.1 35);
    --gv-krem: oklch(0.97 0.012 95);
    --gv-cizgi: oklch(0.85 0.03 130);

    --gv-yesil: oklch(0.78 0.07 135);
    --gv-yesil-acik: oklch(0.81 0.065 135);
    --gv-yesil-koyu: oklch(0.66 0.07 138);
    --gv-yesil-derin: oklch(0.62 0.07 138);
    --gv-altin: oklch(0.86 0.16 92);
    --gv-altin-golge: oklch(0.5 0.1 65);

    --gv-tugla: #b08d7a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='36'%3E%3Crect width='72' height='36' fill='%23bf9c88'/%3E%3Crect width='69' height='15.5' fill='%23b0806a'/%3E%3Crect x='-36' y='18' width='69' height='15.5' fill='%23a9796a'/%3E%3Crect x='36' y='18' width='69' height='15.5' fill='%23b38670'/%3E%3C/svg%3E");

    --gv-yazi: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --gv-serif: 'DM Serif Display', Georgia, serif;
    --gv-tabela-font: 'Cinzel', 'Times New Roman', serif;
}

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

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--gv-yazi);
    color: var(--gv-metin);
    background: var(--gv-krem);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--gv-metin);
    text-decoration: none;
}

a:hover {
    color: var(--gv-vurgu);
}

img {
    max-width: 100%;
    height: auto;
}

:focus-visible {
    outline: 2px solid var(--gv-vurgu);
    outline-offset: 2px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* Altın harfli tabela yazısı (ana sayfa ve iç sayfalar) */
.gv-altin-yazi {
    font-family: var(--gv-tabela-font);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    color: var(--gv-altin);
    -webkit-text-stroke: 0.025em var(--gv-altin);
}

/* İç sayfa tabelası */
.gv-tabela-ust {
    padding: 28px 20px 24px;
    text-align: center;
    background: var(--gv-tugla);
    border-top: 18px solid oklch(0.72 0.07 138);
    border-bottom: 10px solid oklch(0.7 0.07 138);
}

.gv-tabela {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 36px 14px;
    background: var(--gv-yesil-acik);
    border: 2px solid var(--gv-yesil-derin);
    outline: 1.5px solid var(--gv-yesil-koyu);
    outline-offset: -8px;
    box-shadow: 0 12px 24px -12px oklch(0.25 0.05 40 / 0.6);
}

.gv-tabela-yazi {
    font-family: var(--gv-tabela-font);
    font-weight: 900;
    font-size: 38px;
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    color: var(--gv-altin);
    -webkit-text-stroke: 0.025em var(--gv-altin);
    filter: drop-shadow(0 2px 0 var(--gv-altin-golge)) drop-shadow(0 8px 14px oklch(0.25 0.05 40 / 0.35));
}

.gv-tabela-yazi:hover {
    color: var(--gv-altin);
    filter: drop-shadow(0 2px 0 var(--gv-altin-golge)) drop-shadow(0 8px 14px oklch(0.25 0.05 40 / 0.35)) brightness(1.06);
}

.gv-tabela-alt {
    margin-top: 8px;
    padding-left: 0.4em;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: oklch(0.3 0.04 148);
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* Alt bilgi */
.gv-alt {
    padding: 18px 20px 22px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.08em;
    background: var(--gv-krem);
    border-top: 1px solid var(--gv-cizgi);
}

.gv-alt a {
    color: oklch(0.45 0.03 150);
}

.gv-alt a:hover {
    color: var(--gv-vurgu);
}