/* PeakCraft brand palette for the wiki — visual overrides only. */
:root {
    color-scheme: light;
    --peak-accent: #e66f00;
    --peak-accent-2: #ff9a26;
    --peak-accent-ink: #3a1900;
    --peak-accent-soft: rgba(230, 111, 0, .11);
    --peak-glow: rgba(230, 111, 0, .18);
    --peak-shadow: rgba(75, 39, 12, .11);
    --peak-header: rgba(255, 250, 245, .9);
    --wiki-bg: #f7f0e8;
    --wiki-border: #ddc5ad;
    --wiki-text: #2a1c12;
    --wiki-muted: #756455;
    --wiki-link: #b34e00;
    --wiki-content-bg: #fffaf5;
    --wiki-box-bg: #f5e8dc;
    --wiki-box-header: #ead5c2;
    --card-border: #dfc6ad;
    --bg: #f7f0e8;
    --panel-bg: #fffaf5;
    --border: #ddc5ad;
    --text: #2a1c12;
    --muted: #756455;
    --accent: #d96000;
    --input-bg: #fffaf5;
    --btn-bg: #f5e8dc;
    --btn-hover: #ead5c2;
}

[data-theme="dark"] {
    color-scheme: dark;
    --peak-accent: #ff8a00;
    --peak-accent-2: #ffb04a;
    --peak-accent-ink: #160b02;
    --peak-accent-soft: rgba(255, 138, 0, .12);
    --peak-glow: rgba(255, 138, 0, .2);
    --peak-shadow: rgba(0, 0, 0, .42);
    --peak-header: rgba(8, 8, 8, .9);
    --wiki-bg: #070707;
    --wiki-border: #382819;
    --wiki-text: #f7f3ee;
    --wiki-muted: #aa9d90;
    --wiki-link: #ffb04a;
    --wiki-content-bg: #11100f;
    --wiki-box-bg: #181512;
    --wiki-box-header: #241b13;
    --card-border: #382819;
    --bg: #070707;
    --panel-bg: #11100f;
    --border: #382819;
    --text: #f7f3ee;
    --muted: #aa9d90;
    --accent: #ff8a00;
    --input-bg: #0b0907;
    --btn-bg: #181512;
    --btn-hover: #241b13;
}

html { background: var(--wiki-bg, var(--bg)); }
body {
    background-color: var(--wiki-bg, var(--bg));
    background-image:
        radial-gradient(circle at 92% 5%, var(--peak-accent-soft), transparent 26rem),
        radial-gradient(circle at 7% 76%, var(--peak-accent-soft), transparent 34rem);
    background-attachment: fixed;
}
::selection { background: var(--peak-accent); color: var(--peak-accent-ink); }
:focus-visible { outline: 2px solid var(--peak-accent); outline-offset: 3px; }

header {
    background: var(--peak-header);
    border-color: var(--wiki-border, var(--border));
    box-shadow: 0 8px 32px var(--peak-shadow);
}
.brand-title b, header .brand { color: var(--wiki-text, var(--text)); }
.brand-logo { filter: drop-shadow(0 0 10px var(--peak-glow)); }
.theme-toggle {
    border-color: var(--wiki-border, var(--border));
    background: var(--wiki-box-bg, var(--panel-bg));
    box-shadow: inset 0 0 0 1px rgba(255, 138, 0, .03), 0 7px 22px var(--peak-shadow);
}
.theme-toggle:hover {
    color: var(--peak-accent-2);
    border-color: var(--peak-accent);
    background: var(--peak-accent-soft);
    transform: translateY(-1px);
}
.search-box, input, select, textarea, .editor-area {
    border-color: var(--wiki-border, var(--border));
}
.search-box:focus-within, input:focus, select:focus, textarea:focus, .editor-area:focus {
    border-color: var(--peak-accent) !important;
    box-shadow: 0 0 0 3px var(--peak-accent-soft);
}
.search-box button:hover, .editor-toolbar button:hover { color: var(--peak-accent-2); }
nav a:hover, footer a:hover, td a:hover { color: var(--peak-accent-2); }

aside { background: color-mix(in srgb, var(--wiki-bg) 91%, var(--peak-accent) 9%); }
main { background: linear-gradient(180deg, var(--wiki-content-bg), var(--wiki-box-bg)); }
.wiki-page-header:after {
    background: linear-gradient(90deg, var(--peak-accent), var(--peak-accent-2));
    box-shadow: 0 0 16px var(--peak-glow);
}
.article-hero {
    background:
        radial-gradient(circle at 8% 15%, var(--peak-accent-soft), transparent 15rem),
        linear-gradient(135deg, var(--wiki-content-bg), var(--wiki-box-bg));
}
.article-hero:before { background: var(--peak-accent-soft); }
.article-edit-btn {
    background: linear-gradient(135deg, var(--peak-accent), var(--peak-accent-2));
    color: var(--peak-accent-ink) !important;
    box-shadow: 0 10px 25px var(--peak-glow);
}
.article-edit-btn:hover { box-shadow: 0 14px 34px var(--peak-glow); }
.article-body blockquote {
    border-right-color: var(--peak-accent);
    background: var(--peak-accent-soft);
}
.article-body, .toc, .infobox, .wiki-card, .category-card, .block, .login-box {
    box-shadow: 0 12px 36px var(--peak-shadow);
}
.wiki-card:hover, .category-card:hover {
    border-color: var(--peak-accent);
    box-shadow: 0 18px 44px var(--peak-glow);
}
.category-placeholder, .wiki-card-placeholder {
    background: linear-gradient(135deg, #a84400, var(--peak-accent), var(--peak-accent-2));
    color: var(--peak-accent-ink);
}

.block, .review-card, .revision-preview, table, .editor-area, .login-box {
    border-color: var(--wiki-border, var(--border));
}
.block > h2, h2 { border-color: var(--wiki-border, var(--border)); }
.accent-block {
    border-color: var(--peak-accent);
    background: linear-gradient(135deg, var(--wiki-content-bg), var(--peak-accent-soft));
}
.editor-toolbar { border-color: var(--wiki-border); background: var(--wiki-box-bg); }
.editor-toolbar button { border-radius: 8px; }
.image-dropzone {
    border-color: var(--peak-accent);
    background: linear-gradient(135deg, var(--peak-accent-soft), transparent);
}
.image-dropzone:hover, .image-dropzone.dragging {
    border-color: var(--peak-accent-2);
    background: linear-gradient(135deg, var(--peak-accent-soft), rgba(255, 176, 74, .13));
    box-shadow: 0 14px 34px var(--peak-glow);
}
.upload-status { background: linear-gradient(90deg, var(--peak-accent), var(--peak-accent-2)); }

form button:not([style*="color:#ef4444"]), button[name="login"] {
    border-color: var(--wiki-border, var(--border));
}
form button:not([style*="color:#ef4444"]):hover, button[name="login"]:hover {
    border-color: var(--peak-accent);
    color: var(--peak-accent-2);
    background: var(--peak-accent-soft);
}
button[name="login"] {
    background: linear-gradient(135deg, var(--peak-accent), var(--peak-accent-2));
    border-color: var(--peak-accent);
    color: var(--peak-accent-ink);
    box-shadow: 0 12px 28px var(--peak-glow);
}
.login-box { border-radius: 20px; }
.login-box .brand { border-color: var(--border); }
.nav a, [data-theme="dark"] .nav a { color: var(--wiki-link, var(--accent)); }

footer {
    background: var(--wiki-content-bg, var(--panel-bg));
    border-color: var(--wiki-border, var(--border));
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}