/* ============================================
   Xoradora Theme - quiet dark editorial
   ============================================ */

html[data-theme="xoradora"] {
    color-scheme: dark;

    /* Cool neutrals let the product screenshots carry the colour. */
    --color-primary: #cbd1d3;
    --color-primary-accent: #9bb2b9;
    --color-primary-super: #f1f3f2;

    --color-secondary: #d4ae68;
    --color-secondary-accent: #e0bd7b;

    --color-bg-primary: #10161a;
    --color-bg-secondary: #131a1e;
    --color-bg-card: #171f23;
    --color-bg-card-hover: #1a2328;

    --color-text-primary: #e4e7e6;
    --color-text-secondary: #b8c0c2;
    --color-text-muted: #7f8b90;

    --color-accent: #7faab5;
    --color-accent-hover: #a4c3ca;
    --color-accent-glow: transparent;

    --color-synth: #8bb4be;
    --color-effect: #cc8e85;

    --color-border: #2a353a;
    --color-border-hover: #53676e;

    --color-download-hover: #1b252a;
    --color-method-bg: #12191d;
    --color-method-border: #2a353a;
    --color-method-caption-border: #263136;
    --color-method-glow: transparent;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 2px 5px rgba(0, 0, 0, 0.2);
    --shadow-glow: none;
    --color-glow: none;

    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;
}

html[data-theme="xoradora"] body {
    background: var(--color-bg-primary);
    overscroll-behavior-y: none;
    text-shadow: none;
}

html[data-theme="xoradora"] h1,
html[data-theme="xoradora"] h2,
html[data-theme="xoradora"] h3,
html[data-theme="xoradora"] .logo {
    text-shadow: none;
}

html[data-theme="xoradora"] .site-header {
    background: #10161a;
    border-bottom: 1px solid var(--color-border);
    box-shadow: none;
    backdrop-filter: none;
}

html[data-theme="xoradora"] .site-header::before,
html[data-theme="xoradora"] .site-footer::before {
    content: none;
}

html[data-theme="xoradora"] .header-video-overlay {
    display: none;
}

html[data-theme="xoradora"] .site-header a,
html[data-theme="xoradora"] .site-footer a {
    color: var(--color-text-secondary);
}

html[data-theme="xoradora"] .site-header a:hover,
html[data-theme="xoradora"] .site-footer a:hover {
    color: var(--color-text-primary);
    text-shadow: none;
}

html[data-theme="xoradora"] .logo {
    color: var(--color-text-primary);
    font-family: var(--font-mono);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.015em;
}

html[data-theme="xoradora"] .main-nav a {
    color: var(--color-text-muted);
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.015em;
    text-transform: none;
}

html[data-theme="xoradora"] .main-content {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - var(--header-height));
    padding-top: calc(var(--header-height) + var(--spacing-2xl));
    background: var(--color-bg-primary);
}

html[data-theme="xoradora"] .plugins-section > h2 {
    color: var(--color-text-muted);
}

html[data-theme="xoradora"] :is(
        .plugin-card,
        .plugin-description,
        .plugin-downloads,
        .plugin-changelog,
        .buy-content,
        .legal-content
    ) {
    color: var(--color-text-primary);
    background: var(--color-bg-card);
    border-color: var(--color-border);
    box-shadow: none;
}

html[data-theme="xoradora"] .plugin-card:hover {
    background: var(--color-bg-card-hover);
    border-color: var(--color-border-hover);
    box-shadow: none;
}

html[data-theme="xoradora"] .plugin-card-image {
    background: #12191d;
    border-bottom: 1px solid var(--color-border);
}

html[data-theme="xoradora"] .screenshot {
    background: #12191d;
    border-color: var(--color-border);
    box-shadow: none;
}

html[data-theme="xoradora"] .plugin-type {
    background: transparent;
    border-color: #3a4a50;
    border-radius: 2px;
    color: var(--color-synth);
    font-weight: 500;
}

html[data-theme="xoradora"] .btn-primary {
    background: #203038;
    color: #dce5e7;
    border-color: #3b525b;
}

html[data-theme="xoradora"] .btn-primary:hover {
    background: #273a43;
    color: var(--color-primary-super);
    border-color: #58727c;
}

html[data-theme="xoradora"] .btn-secondary {
    background: transparent;
}

html[data-theme="xoradora"] .btn-secondary:hover {
    background: #182126;
    border-color: #53676e;
}

html[data-theme="xoradora"] .btn-accent {
    background: var(--color-secondary);
    color: #17140e;
    border-color: var(--color-secondary);
}

html[data-theme="xoradora"] .btn-accent:hover {
    background: var(--color-secondary-accent);
    color: #17140e;
    border-color: var(--color-secondary-accent);
    box-shadow: none;
    transform: none;
}

html[data-theme="xoradora"] .btn {
    border-radius: 3px;
    font-weight: 500;
    letter-spacing: 0.015em;
    text-transform: none;
}

html[data-theme="xoradora"] :is(a, button, .btn):focus-visible {
    outline: 2px solid var(--color-secondary);
    outline-offset: 3px;
}

html[data-theme="xoradora"] .download-item,
html[data-theme="xoradora"] .markdown-content code,
html[data-theme="xoradora"] .markdown-content pre {
    background: #12191d;
}

html[data-theme="xoradora"] .method-diagram {
    background: var(--color-method-bg);
    box-shadow: none;
}

html[data-theme="xoradora"] .method-diagram img,
html[data-theme="xoradora"] .method-diagram-art {
    background: var(--color-method-bg);
}

html[data-theme="xoradora"] .method-diagram figcaption {
    color: var(--color-text-secondary);
    background: #151d21;
}

html[data-theme="xoradora"] .site-footer {
    position: relative;
    z-index: 1;
    background: var(--color-bg-primary);
    border-top: 1px solid var(--color-border);
    padding: var(--spacing-xl);
    text-align: left;
}

html[data-theme="xoradora"] .footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md) var(--spacing-xl);
    flex-wrap: wrap;
}

html[data-theme="xoradora"] .footer-content p {
    color: var(--color-text-muted);
    margin-bottom: 0;
    text-shadow: none;
}

html[data-theme="xoradora"] .footer-legal {
    margin-top: 0;
}

@media (max-width: 768px) {
    html[data-theme="xoradora"] .main-content {
        padding-top: calc(var(--header-height) + var(--spacing-xl));
    }

    html[data-theme="xoradora"] .footer-content {
        align-items: flex-start;
        flex-direction: column;
    }
}