/* ==========================================================
   Sdílená základna pro SVĚTLÉ směry (B, C)
   Šablony jsou psané pro tmavý web; tady se překlopí povrchy,
   které by na světlém podkladu zůstaly černé.
   Barvy samotné nastavuje theme.css konkrétního směru.
   ========================================================== */

/* Tmavé plochy → světlé povrchy */
.bg-ink,
.bg-ink\/90 { background-color: rgb(var(--c-surface)); }

/* Navigace: světlá lišta s jemnou linkou */
#navbar {
    background-color: rgb(var(--c-base) / 0.92);
    border-bottom-color: rgb(var(--c-line));
}
#mobile-menu { background-color: rgb(var(--c-surface)); }

/* Logo je bílé (brightness-0 invert) — na světlém musí být tmavé */
img.invert { filter: brightness(0) !important; }

/* Lightboxy a fotogalerie zůstávají tmavé (fotka potřebuje tmavé pozadí) */
#image-modal,
#technical-modal { background-color: rgb(15 13 10 / 0.94) !important; }
#technical-modal [class*="col-span-7"] { background-color: #14120F !important; }
#image-modal #modal-content { background-color: #14120F !important; }
#image-modal #modal-content > div:last-child { background-color: #14120F !important; }
#image-modal #modal-title { color: #F5F0E8 !important; }
#technical-modal #modal-project-location,
#technical-modal #modal-project-number { color: #C9C2B4 !important; }

/* Cookie lišta a modal na světlém */
#cookie-consent-banner { background-color: rgb(var(--c-surface)); }
#cookie-settings-modal .cookie-modal-content { background-color: rgb(var(--c-base)); }
.cookie-toggle .toggle-slider { background: rgb(var(--c-line)); border-color: rgb(var(--c-line)); }

/* Karusel realizací: tmavý pás jako „výstavní síň" i ve světlém webu */
.projector-slide { background: #14120F; }

/* Vrstvy podloží — světlé směry je používají jen jako jemné odstíny */
.strata-surface { background: rgb(var(--c-base)); }
.strata-ornice  { background: rgb(var(--c-surface)); }
.strata-jil     { background: rgb(var(--c-base)); }
.strata-sterk   { background: rgb(var(--c-surface)); }
.strata-skala   { background: rgb(var(--c-base)); }
.strata-bedrock { background: rgb(var(--c-surface)); }
.strata::before { display: none; }

/* Mřížka na světlém musí být tmavá, ne světlá */
.bg-grid {
    background-image:
        linear-gradient(to right, rgb(var(--c-cream) / 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgb(var(--c-cream) / 0.06) 1px, transparent 1px);
}

/* Tvrdé stíny jsou na světlém příliš agresivní — jemnější linka */
.hard-shadow { box-shadow: 3px 3px 0 0 rgb(var(--c-line)); }
.hard-shadow-lg { box-shadow: 6px 6px 0 0 rgb(var(--c-line)); }
.hard-shadow-hover:hover { box-shadow: 4px 4px 0 0 rgb(var(--c-accent-soft)); transform: translate(-2px, -2px); }

/* Hloubková lišta se ve světlých směrech nepoužívá */
.depth-rail, .depth-rail-mini { display: none !important; }

/* ----------------------------------------------------------
   Kontrast na světlém podkladu (WCAG AA)
   ---------------------------------------------------------- */

/* Tmavý text na sytém akcentu neprojde — tlačítka a štítky dostanou bílou */
[class*="bg-copper"].text-ink,
[class*="bg-copper"] .text-ink,
.filter-btn.active,
button[class*="bg-copper"],
a[class*="bg-copper"] { color: #FFFFFF !important; }

/* Světlý odstín akcentu je na papíře nečitelný — použijeme tmavý */
.text-copper-light { color: rgb(var(--c-copper-dark)); }
.border-copper-light { border-color: rgb(var(--c-copper-dark)); }

/* ==========================================================
   Směr B — Dokumentární
   Teplý papír, cihlový akcent, serifové nadpisy.
   ========================================================== */

:root {
    /* Podklad a text */
    --c-base: 247 243 236;      /* #F7F3EC teplý papír */
    --c-cream: 26 23 20;        /* #1A1714 inkoust (hlavní text) */
    --c-ink: 18 16 13;          /* zůstává tmavý — text na cihlových tlačítkách */

    /* Akcent */
    --c-copper: 154 60 38;      /* #9A3C26 cihlová (kontrast AA) */
    --c-copper-light: 196 96 66;
    --c-copper-dark: 122 47 29;

    /* Povrchy a linky (používá _light-base.css) */
    --c-surface: 239 233 222;   /* #EFE9DE mírně sytější papír */
    --c-line: 221 213 198;      /* #DDD5C6 */
    --c-accent-soft: 210 190 175;

    /* Tlumené texty */
    --c-sand-100: 58 52 45;
    --c-sand-200: 82 74 64;
    --c-sand-300: 96 87 76;
    --c-sand-500: 138 128 114;
    /* Plochy a okraje */
    --c-sand-700: 221 213 198;
    --c-sand-800: 233 226 214;
    --c-sand-900: 239 233 222;

    --font-display: 'Fraunces';
    --font-body: 'Inter';
    --font-tech: 'Inter';
}

h1, h2, h3, h4 {
    font-family: var(--font-display), Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: -0.015em;
    text-transform: none !important;   /* dokumentární tón nekřičí verzálkami */
    line-height: 1.05;
}

/* Drobné technické popisky zůstávají v grotesku, ale klidnější */
.font-mono { font-family: var(--font-body), system-ui, sans-serif; letter-spacing: 0.12em; }

/* Tlačítka: měkčí, ne brutalistní */
a[class*="bg-copper"], button[class*="bg-copper"] {
    border-radius: 3px;
}

/* Karty realizací v šedé mřížce dostanou vzdušnější rám */
.project-card-wrapper article { border-radius: 4px; }

/* Fotky v dokumentárním směru mají mít prostor */
.doc-figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.doc-hero-photo { filter: saturate(0.92) contrast(1.04); }
.doc-quote::before {
    content: "„";
    font-family: var(--font-display), Georgia, serif;
    font-size: 4rem;
    line-height: 0.7;
    color: rgb(var(--c-copper));
    display: block;
    margin-bottom: 0.25rem;
}

/* ==========================================================
   TVAROSLOVÍ — MĚKKÝ PAPÍR
   Velké zaoblení, pilulková tlačítka, difuzní stín místo tvrdého.
   Nic nemá ostrý roh — web má působit vlídně, ne technicky.
   ========================================================== */

.project-card-wrapper article { border-radius: 16px; overflow: hidden; }
.doc-figure, .doc-figure img,
figure, figure img,
#ba-container { border-radius: 16px; overflow: hidden; }

/* Tlačítka jako pilulky */
a[class*="bg-copper"], button[class*="bg-copper"],
.filter-btn, button[type="submit"] {
    border-radius: 999px;
    padding-left: 1.9rem;
    padding-right: 1.9rem;
}

/* Vstupy s měkkými rohy a klidnou linkou */
input, textarea, select {
    border-radius: 10px;
    border-width: 1px;
}

/* Stíny jsou rozptýlené a teplé, ne tvrdé offsety */
.hard-shadow { box-shadow: 0 12px 30px -14px rgb(74 58 42 / 0.28); }
.hard-shadow-lg { box-shadow: 0 22px 50px -20px rgb(74 58 42 / 0.32); }
.hard-shadow-hover:hover {
    box-shadow: 0 18px 40px -16px rgb(74 58 42 / 0.34);
    transform: translateY(-3px);
}

/* Mapa a lightbox drží stejný poloměr */
iframe, #modal-content, .cookie-modal-content { border-radius: 14px; }

/* Vstupy: měkké rohy (přebít .rounded-none z šablony) */
#contact-form input, #contact-form textarea {
    border-radius: 10px;
    border-width: 1px;
}