/**
 * Alt sayfalar — PHP layout ile uyumlu koyu tema (html.dark / html.theme-dark)
 */
html.dark body,
html.theme-dark body {
    background-color: #121212 !important;
    color: #b5ada3 !important;
}

html.dark nav.fixed,
html.theme-dark nav.fixed {
    background-color: rgba(18, 18, 18, 0.9) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: none;
}

html.dark .bg-surface,
html.theme-dark .bg-surface {
    background-color: #121212 !important;
}

html.dark .bg-surface-bright,
html.theme-dark .bg-surface-bright {
    background-color: #1a1a1a !important;
}

html.dark .bg-surface-container,
html.theme-dark .bg-surface-container {
    background-color: #1a1a1a !important;
}

html.dark .bg-surface-container-low,
html.theme-dark .bg-surface-container-low {
    background-color: #141414 !important;
}

html.dark .bg-surface-dim,
html.theme-dark .bg-surface-dim {
    background-color: #0f0f0f !important;
}

html.dark .bg-stone-100,
html.theme-dark .bg-stone-100 {
    background-color: #0a0a0a !important;
}

html.dark .text-on-surface,
html.theme-dark .text-on-surface {
    color: #fcfcfc !important;
}

html.dark .text-on-surface-variant,
html.theme-dark .text-on-surface-variant {
    color: #b5ada3 !important;
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6 {
    color: #fcfcfc;
}

html.dark .border-outline-variant\/10,
html.dark .border-outline-variant\/15,
html.dark .border-outline-variant\/20,
html.theme-dark .border-outline-variant\/10,
html.theme-dark .border-outline-variant\/15,
html.theme-dark .border-outline-variant\/20 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .border-stone-200,
html.theme-dark .border-stone-200 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .text-stone-500,
html.dark .text-stone-600,
html.theme-dark .text-stone-500,
html.theme-dark .text-stone-600 {
    color: #a8a29e !important;
}

html.dark footer a.hover\:text-stone-900:hover,
html.theme-dark footer a.hover\:text-stone-900:hover {
    color: #fcfcfc !important;
}

html.dark .from-surface,
html.theme-dark .from-surface {
    --tw-gradient-from: #121212 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(18 18 18 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

html.dark .via-surface\/85,
html.theme-dark .via-surface\/85 {
    --tw-gradient-to: rgb(18 18 18 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(18, 18, 18, 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

html.dark .to-surface\/30,
html.theme-dark .to-surface\/30 {
    --tw-gradient-to: rgba(18, 18, 18, 0.3) var(--tw-gradient-to-position);
}

html.dark input,
html.dark select,
html.dark textarea,
html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea {
    color: #fcfcfc;
}

html.dark input::placeholder,
html.dark textarea::placeholder,
html.theme-dark input::placeholder,
html.theme-dark textarea::placeholder {
    color: #78716c;
}

html.dark .border-outline-variant,
html.theme-dark .border-outline-variant {
    border-color: rgba(255, 255, 255, 0.15) !important;
}
