/* =========================================================
   Aperto Gallery – Warm Theme
   =========================================================
   Einbinden NACH gallery.css:
   <link rel="stylesheet" href="/assets/css/gallery.css">
   <link rel="stylesheet" href="/assets/css/themes/warm.css">
   ========================================================= */

:root {
    /* ── AKZENTFARBE ── */
    --g-accent:        #c47a1e;
    --g-accent-light:  #fef3e2;

    /* ── Basis-Farben (Warm Mode) ── */
    --g-bg:            #faf9f7;
    --g-surface:       #ffffff;
    --g-border:        #e8e5e0;
    --g-text:          #1c1917;
    --g-muted:         #78716c;
}

/* ── Body ─────────────────────────────────────────────── */
body {
    background: var(--g-bg);
    color: var(--g-text);
}

/* ── Site Header ──────────────────────────────────────── */
.site-header {
    background: rgba(250,249,247,.88);
    border-bottom: 1px solid var(--g-border);
}

.site-logo { color: var(--g-text); }

.site-nav a { color: var(--g-muted); }
.site-nav a:hover { color: var(--g-text); }

/* ── Hero ─────────────────────────────────────────────── */
.home-hero {
    background: radial-gradient(ellipse 80% 60% at 50% 0%,
        color-mix(in srgb, var(--g-accent) 10%, transparent) 0%,
        transparent 70%);
    border-bottom: 1px solid var(--g-border);
}

.home-hero-title {
    background: linear-gradient(135deg, var(--g-text) 40%, var(--g-muted));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.home-hero-subtitle { color: var(--g-muted); }
.home-hero-scroll   { color: var(--g-border); }

/* ── Galleries Section ────────────────────────────────── */
.galleries-section-label { color: var(--g-muted); }
.galleries-section-header::after { background: var(--g-border); }

/* ── Gallery Cards ────────────────────────────────────── */
.gallery-card-new {
    background: var(--g-surface);
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

.gallery-card-arrow {
    background: rgba(0,0,0,.05);
    border-color: rgba(0,0,0,.08);
    color: var(--g-text);
}
.gallery-card-arrow:hover { background: rgba(0,0,0,.1); }

.gallery-card {
    background: var(--g-surface);
    border-color: var(--g-border);
    color: var(--g-text);
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.gallery-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1); }
.gallery-card-thumb { background: var(--g-border); }
.gallery-card-title { color: var(--g-text); }
.gallery-card-count { color: var(--g-muted); }

/* ── Password Gate ────────────────────────────────────── */
.pw-gate {
    background: var(--g-surface);
    border-color: var(--g-border);
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
}

.pw-input {
    background: var(--g-bg);
    border-color: var(--g-border);
    color: var(--g-text);
}
.pw-input:focus { border-color: var(--g-accent); }

.pw-btn {
    background: var(--g-accent);
    color: #fff;
}
.pw-btn:hover { opacity: .9; }

/* ── Gallery Header & Toolbar ─────────────────────────── */
.gallery-title { color: var(--g-text); }
.gallery-meta  { color: var(--g-muted); }
.gallery-desc  { color: var(--g-muted); }

/* ── Photo Grid ───────────────────────────────────────── */
.photo-item-gallery { background: var(--g-border); }

/* ── Home Sections ────────────────────────────────────── */
.home-intro  { border-color: var(--g-border); }
.home-about  { border-color: var(--g-border); }
.home-bottom { border-color: var(--g-border); }

.home-intro-inner p  { color: var(--g-muted); }
.home-about-text p   { color: var(--g-muted); }
.home-bottom-inner p { color: var(--g-muted); }

.home-about-photo { border-color: var(--g-border); }

.home-section-title { color: var(--g-text); }
.home-contact-text  { color: var(--g-muted); }

/* ── Contact Buttons ──────────────────────────────────── */
.home-contact-btn {
    background: var(--g-surface);
    border-color: var(--g-border);
    color: var(--g-text);
}
.home-contact-btn:hover {
    border-color: var(--g-accent);
    background: var(--g-accent-light);
    color: var(--g-accent);
}

/* ── Legal Pages ──────────────────────────────────────── */
.legal-title   { color: var(--g-text); }
.legal-content { color: var(--g-muted); }

/* ── Cookie Banner ────────────────────────────────────── */
.cookie-banner {
    background: var(--g-surface);
    border-color: var(--g-border);
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
}
.cookie-banner-text { color: var(--g-muted); }
.cookie-banner-btn  { background: var(--g-accent); }

/* ── Footer ───────────────────────────────────────────── */
.site-footer {
    border-top-color: var(--g-border);
    color: var(--g-muted);
}
.site-footer a       { color: var(--g-muted); }
.site-footer a:hover { color: var(--g-text); }

/* ── EXIF Panel ───────────────────────────────────────── */
.exif-panel {
    background: rgba(255,255,255,.97);
    border-color: var(--g-border);
    color: var(--g-text);
}
.exif-label { color: var(--g-muted); }
.exif-row   { border-bottom-color: var(--g-border); }

/* ── Scrollbar ────────────────────────────────────────── */
::-webkit-scrollbar-track { background: var(--g-bg); }
::-webkit-scrollbar-thumb { background: var(--g-border); }
::-webkit-scrollbar-thumb:hover { background: #d0ccc4; }