/* Site Ayarları'ndan gelen renkler — yalnızca marka öğeleri; tipografi düzeni korunur. */
:root {
    --site-primary: #435c43;
    --site-primary-dark: #384b38;
    --site-accent: #b08968;
    --site-bg: #faf8f5;
}

body {
    background-color: var(--site-bg);
}

.site-brand-logo {
    width: 52px;
    height: 52px;
    max-width: 160px;
    object-fit: contain;
    object-position: center;
}

.hero-gradient {
    background:
        radial-gradient(ellipse 80% 60% at 10% 0%, color-mix(in srgb, var(--site-primary) 22%, transparent), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 10%, color-mix(in srgb, var(--site-accent) 28%, transparent), transparent 50%),
        linear-gradient(180deg, var(--site-bg) 0%, color-mix(in srgb, var(--site-primary) 6%, var(--site-bg)) 100%);
}

.skip-link {
    background: var(--site-primary-dark);
}

.site-nav-links .nav-link.is-active {
    color: var(--site-primary);
}

.text-clay-600 { color: var(--site-accent) !important; }

.border-clay-400 { border-color: color-mix(in srgb, var(--site-accent) 75%, #fff) !important; }

.bg-sage-700,
a.bg-sage-700 {
    background-color: var(--site-primary) !important;
}

.hover\:bg-sage-800:hover,
a.hover\:bg-sage-800:hover {
    background-color: var(--site-primary-dark) !important;
}

.ring-sage-100 {
    --tw-ring-color: color-mix(in srgb, var(--site-primary) 18%, #fff) !important;
}