/*
 * RaidPlanner – motiv Citadela (varianta 5)
 * Postavený na landing banneru (img/landing-hero.webp): alianční pevnost za soumraku.
 *
 *   plochy   modř lvích korouhví (#24478d / #1d3c72)    #061229 → #1b3260
 *   text     kámen hradeb s modrým nádechem             #eef2fa / #a9b6d0 / #8090b2
 *   akcent   zlato korouhví – jen hlavní akce a výběr   #f0b429
 *   modř     královská modř korouhví – jen drobné stavy  #2f5bd3
 *
 * Barvy banneru (oheň, fel zelená, arkána) zůstávají v obrázku; chrome je tiché.
 * Písmo: Inter pro rozhraní, Newsreader pro nadpisy, Cinzel jen pro hero headline
 * a wordmark (nápisy korouhví).
 */

body.theme-citadel {
    --bg: #061229;
    --bg-elev: #0a1834;
    --surface: #0e1f40;
    --surface-2: #14284f;
    --surface-hover: #1b3260;

    --border: #213563;
    --border-strong: #2e4579;

    --text: #eef2fa;
    --text-muted: #a9b6d0;
    --text-subtle: #8090b2;

    --accent: #f0b429;
    --accent-hover: #ffc94d;
    --accent-soft: rgba(240, 180, 41, .12);
    --accent-border: rgba(240, 180, 41, .4);
    --on-accent: #1b1302;

    --alliance: #24478d;
    --alliance-hover: #2f58a8;
    --alliance-soft: rgba(47, 91, 211, .16);
    --alliance-border: rgba(79, 124, 240, .4);

    --success: #4cc38a;
    --success-soft: rgba(76, 195, 138, .12);
    --success-border: rgba(76, 195, 138, .32);
    --warning: #e8b54a;
    --warning-soft: rgba(232, 181, 74, .12);
    --warning-border: rgba(232, 181, 74, .32);
    --danger: #e5484d;
    --danger-soft: rgba(229, 72, 77, .12);
    --danger-border: rgba(229, 72, 77, .34);
    --info: #5a9ef0;
    --info-soft: rgba(90, 158, 240, .12);
    --info-border: rgba(90, 158, 240, .32);

    --tank: #5a9ef0;
    --healer: #4cc38a;
    --dps: #e8834a;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 16px;
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);

    --font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    --font-heading: "Newsreader", Georgia, "Palatino Linotype", serif;
    --font-banner: "Cinzel", Georgia, serif;
    --container: 1240px;

    /* Landing */
    --lp-display: var(--font-heading);
    --lp-hero-font: var(--font-banner);
    --lp-hero-shade: 6, 18, 41;

    color: var(--text);
    background: var(--bg);
}
.theme-citadel ::selection { background: rgba(240, 180, 41, .3); }

/* Nadpisy: Newsreader, váha 500, hierarchie z velikosti. */
.theme-citadel h1,
.theme-citadel h2,
.theme-citadel .section__title,
.theme-citadel .card__title,
.theme-citadel .featured__title,
.theme-citadel .page-header__title,
.theme-citadel .modal__title {
    font-family: var(--font-heading);
    font-weight: 500;
    letter-spacing: -0.01em;
}
.theme-citadel h3,
.theme-citadel h4 { font-weight: 500; }
.theme-citadel .eyebrow { color: var(--text-muted); font-weight: 500; }

/* Hlavička: tichá, jedna zlatá vlasová linka. */
.theme-citadel .app-header {
    background: rgba(6, 18, 41, .9);
    border-bottom-color: color-mix(in srgb, var(--text) 8%, transparent);
}
.theme-citadel .app-header::after { background: rgba(240, 180, 41, .28); }
.theme-citadel .brand__name { font-family: var(--font-banner); font-weight: 600; letter-spacing: .02em; }
.theme-citadel .brand__accent { color: var(--accent); }
.theme-citadel .brand__mark { color: var(--accent); }
/* Přihlášení v hlavičce je tichá sekundární akce; zlatá patří hlavní výzvě na stránce. */
.theme-citadel .app-header .btn--discord {
    background: var(--surface-2);
    border: 1px solid var(--border-strong);
    color: var(--text);
}
.theme-citadel .app-header .btn--discord:hover:not(:disabled) { background: var(--surface-hover); }
.theme-citadel .nav-link:hover { color: var(--text); background: var(--surface-2); }
.theme-citadel .nav-link.is-active { color: var(--text); background: var(--surface-2); box-shadow: inset 0 -2px 0 var(--accent); }
.theme-citadel .nav-link.is-active .icon { color: var(--accent); }

/* Hero na ostatních stránkách (O guildě…): výřez banneru pod tmavým závojem. */
.theme-citadel .hero {
    border-color: var(--border);
    background:
        linear-gradient(90deg, rgba(6, 18, 41, .95) 0%, rgba(6, 18, 41, .8) 45%, rgba(6, 18, 41, .35) 100%),
        url("../img/landing-hero.5cedbe7be53c.webp") center 40% / cover no-repeat,
        var(--surface);
}
.theme-citadel .hero__title { color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .7); }
.theme-citadel .hero__text { color: #dfe2ea; }

/* Karty: plochy a vlasové linky, bez přechodů. */
.theme-citadel .card--accent { background: var(--surface); border-color: var(--border-strong); }
.theme-citadel .card--alliance { background: var(--surface); border-color: var(--alliance-border); }
.theme-citadel .section__header { padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.theme-citadel .character-card:hover,
.theme-citadel .raid-row:hover { border-color: var(--border-strong); background-color: var(--surface-hover); }

/* Tlačítka: plná zlatá primární akce, neutrální sekundární. */
.theme-citadel .btn--primary {
    background: var(--accent);
    color: var(--on-accent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}
.theme-citadel .btn--primary:hover:not(:disabled) { background: var(--accent-hover); }
.theme-citadel .btn--secondary {
    background: var(--surface-2);
    border-color: var(--border-strong);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.theme-citadel .btn--secondary:hover:not(:disabled) { background: var(--surface-hover); }

/* Formuláře a tabulky. */
.theme-citadel input:not([type="checkbox"]):not([type="radio"]),
.theme-citadel select,
.theme-citadel textarea { background-color: var(--bg-elev); border-color: var(--border-strong); }
.theme-citadel input:focus,
.theme-citadel select:focus,
.theme-citadel textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.theme-citadel th { color: var(--text-muted); background: var(--bg-elev); }
.theme-citadel tr:hover td { background: var(--surface-2); }

.theme-citadel .modal__panel { border-color: var(--border-strong); }
.theme-citadel .modal::backdrop { background: rgba(2, 8, 20, .82); }
.theme-citadel .app-footer { background: var(--bg-elev); border-top-color: var(--border); }

@media (prefers-reduced-motion: no-preference) {
    .theme-citadel .btn,
    .theme-citadel .nav-link,
    .theme-citadel .character-card,
    .theme-citadel .raid-row { transition: background-color 150ms cubic-bezier(0.22, 1, 0.36, 1), border-color 150ms cubic-bezier(0.22, 1, 0.36, 1), color 150ms cubic-bezier(0.22, 1, 0.36, 1); }
}