/**
 * Othantyr — Dark mode overrides
 * Activé automatiquement via prefers-color-scheme: dark
 *
 * @package Othantyr
 * @since 1.0.0
 */

@media (prefers-color-scheme: dark) {
    :root {
        --color-primary: #F87171;
        --color-primary-dark: #EF4444;
        --color-primary-light: #FCA5A5;

        --color-bg: #141418;
        --color-surface: #1E1E24;

        --color-text: #FAFAF9;
        --color-text-secondary: #A8A29E;
        --color-text-muted: #78716C;

        --border-default: 1px solid rgba(255, 255, 255, 0.06);
        --border-hover: 1px solid rgba(255, 255, 255, 0.12);
        --border-accent: 1px solid #F87171;
        --border-accent-bold: 2px solid #F87171;

        --shadow-sm: none;
        --shadow-md: none;
    }

    body {
        background-color: var(--color-bg);
        color: var(--color-text);
    }

    /* Header */
    .site-header {
        background-color: #141418;
        border-bottom-color: rgba(255, 255, 255, 0.06);
    }

    .site-header__brand {
        color: #FAFAF9;
    }

    .nav-menu li a {
        color: #FAFAF9;
    }

    .hamburger-line {
        background-color: #FAFAF9;
    }

    /* Mobile menu */
    .mobile-menu__panel {
        background-color: #1E1E24;
    }

    .mobile-menu__close {
        color: #FAFAF9;
    }

    .mobile-nav-menu li a {
        color: #FAFAF9;
    }

    /* Cards */
    .service-card,
    .product-card,
    .blog-card {
        background-color: var(--color-surface);
    }

    .product-card__title a,
    .blog-card__title a {
        color: #FAFAF9;
    }

    /* Inputs */
    input[type="email"],
    input[type="text"],
    input[type="search"],
    textarea {
        background-color: var(--color-surface);
        color: var(--color-text);
        border-color: rgba(255, 255, 255, 0.1);
    }

    /* Bouton secondary */
    .btn-secondary {
        color: #FAFAF9;
        border-color: #FAFAF9;
    }

    .btn-secondary:hover {
        background-color: #FAFAF9;
        color: #141418;
    }

    /* Alert */
    .alert {
        background-color: var(--color-surface);
    }

    /* Newsletter widget */
    .newsletter-widget {
        background-color: var(--color-surface);
    }

    /* Pre / Code */
    pre {
        background-color: #1E1E24;
    }

    /* 404 */
    .error-404__title {
        color: var(--color-text-muted);
    }

    /* Mega menu */
    .mega-menu {
        background-color: #1E1E24;
    }

    .mega-menu__item:hover {
        background-color: #292524;
    }

    .mega-menu__item-title {
        color: #FAFAF9;
    }

    /* Toast */
    .toast {
        background-color: #1E1E24;
        color: #FAFAF9;
    }

    /* Pricing card */
    .pricing-card {
        background-color: var(--color-surface);
    }

    .pricing-card__features li {
        border-bottom-color: rgba(255, 255, 255, 0.06);
    }

    /* Data table */
    .data-table thead th {
        background-color: #1E1E24;
        color: #FAFAF9;
    }

    .data-table tbody tr:hover {
        background-color: #1E1E24;
    }

    /* Filter bar */
    .filter-bar__pill {
        color: #A8A29E;
    }

    /* Badges */
    .badge--framework {
        border-color: rgba(255, 255, 255, 0.12);
        color: #A8A29E;
    }

    /* Search result */
    .search-result__title a {
        color: #FAFAF9;
    }

    /* Select */
    select {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A8A29E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
    }

    /* All remaining inputs */
    input[type="tel"],
    input[type="url"],
    input[type="number"],
    input[type="password"],
    select {
        background-color: var(--color-surface);
        color: var(--color-text);
        border-color: rgba(255, 255, 255, 0.1);
    }
}