/* Crystal Fansub — tema claro (alternável) */

:root,
[data-theme="dark"] {
    color-scheme: dark;
}

[data-theme="light"] {
    color-scheme: light;
}

/* ── Botão de tema ─────────────────────────────── */

.btn-theme-site {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(163, 58, 255, 0.35);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #e8d4ff;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;
    flex-shrink: 0;
}

.btn-theme-site:hover {
    background: rgba(163, 58, 255, 0.2);
    border-color: #a33aff;
    color: #fff;
    transform: scale(1.05);
}

.btn-theme-site--mobile {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
}

/* ── Modo claro — base ─────────────────────────── */

[data-theme="light"] body {
    background-color: #eef0f6;
    color: #1a1a2e;
}

[data-theme="light"] .btn-theme-site {
    background: #fff;
    border-color: #d8dcee;
    color: #673de6;
}

[data-theme="light"] .btn-theme-site:hover {
    background: #f3efff;
    border-color: #a33aff;
    color: #a33aff;
}

/* Navbar — azul original da marca no modo claro */
[data-theme="light"] .navbar {
    background-color: #1a1b43;
    border-bottom: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .navbar.scrolled {
    background-color: #0d0d2b;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

[data-theme="light"] .menu a {
    color: rgba(255, 255, 255, 0.78);
}

[data-theme="light"] .menu a:hover,
[data-theme="light"] .menu a.active {
    color: #ffffff;
}

[data-theme="light"] .search {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="light"] .search:focus-within {
    background: rgba(255, 255, 255, 0.12);
    border-color: #a33aff;
    box-shadow: 0 0 0 3px rgba(163, 58, 255, 0.22);
}

[data-theme="light"] .search-field input {
    color: #ffffff;
}

[data-theme="light"] .search-field input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .search-submit {
    background: #a33aff;
    color: #fff;
}

[data-theme="light"] .navbar .logo img,
[data-theme="light"] .navbar .mobile-logo {
    filter: none;
}

[data-theme="light"] .navbar .btn-theme-site,
[data-theme="light"] .mobile-header .btn-theme-site {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(163, 58, 255, 0.45);
    color: #e8d4ff;
}

[data-theme="light"] .navbar .btn-theme-site:hover,
[data-theme="light"] .mobile-header .btn-theme-site:hover {
    background: rgba(163, 58, 255, 0.22);
    border-color: #a33aff;
    color: #ffffff;
}

/* Home & conteúdo */
[data-theme="light"] .content-section {
    background-color: #e8ebf3;
}

[data-theme="light"] .card-anime {
    background: #ffffff;
    border: 1px solid #e2e5ef;
    box-shadow: 0 4px 14px rgba(26, 31, 54, 0.06);
}

[data-theme="light"] .card-info h3 {
    color: #1a1a2e;
}

[data-theme="light"] .card-info p {
    color: #5c6278;
}

[data-theme="light"] .card-footer {
    color: #7a8094;
    border-top-color: #e8ebf3;
}

[data-theme="light"] .posts-pagination__page {
    background: #ffffff;
    border-color: #4a69bd;
    color: #4a69bd;
}

[data-theme="light"] .posts-pagination__page.is-active {
    background: #ffffff;
    color: #4a69bd;
}

[data-theme="light"] .widget {
    background: #ffffff;
    border: 1px solid #e2e5ef;
    box-shadow: 0 4px 14px rgba(26, 31, 54, 0.05);
}

[data-theme="light"] .status-item {
    background: #f8f9fd;
    border-color: #dcdff0;
}

[data-theme="light"] .status-item:hover {
    background: #f3efff;
    border-color: #a33aff;
}

[data-theme="light"] .status-content h4 {
    color: #1a1a2e;
}

[data-theme="light"] .status-ep,
[data-theme="light"] .status-step {
    color: #5c6278;
}

[data-theme="light"] .release-item {
    border-bottom-color: #e8ebf3;
}

[data-theme="light"] .release-item:hover {
    background: #f3f5fb;
}

[data-theme="light"] .release-info h4 {
    color: #1a1a2e;
}

[data-theme="light"] .release-ep,
[data-theme="light"] .release-date {
    color: #6b7186;
}

[data-theme="light"] .widget-empty,
[data-theme="light"] .feed-empty,
[data-theme="light"] .feed-error,
[data-theme="light"] .releases-empty {
    color: #7a8094;
}

[data-theme="light"] .skeleton-block {
    background: linear-gradient(90deg, #e4e7f0 25%, #f0f2f8 50%, #e4e7f0 75%);
    background-size: 200% 100%;
}

/* Banner: mantém contraste sobre imagens escuras mesmo no modo claro do site */
[data-theme="light"] .main-banner .tag-destaque {
    color: #e8d4ff;
    background: transparent;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

[data-theme="light"] .main-banner .banner-description,
[data-theme="light"] .main-banner .banner-description p {
    color: #f2f2f2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.92);
}

[data-theme="light"] .main-banner .banner-content {
    filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.8));
}

/* Footer */
[data-theme="light"] .main-footer {
    background-color: #c5ccd8;
    color: #1a1a2e;
    border-top-color: #a33aff;
}

[data-theme="light"] .footer-box p,
[data-theme="light"] .footer-box ul li a {
    color: #5c6278;
}

[data-theme="light"] .footer-box ul li a:hover {
    color: #a33aff;
}

[data-theme="light"] .social-links a {
    color: #5865f2;
}

[data-theme="light"] .social-links a:hover {
    color: #a33aff;
}

[data-theme="light"] .copyright {
    border-top-color: #e2e5ef;
    color: #7a8094 !important;
}

[data-theme="light"] .email {
    color: #5c6278 !important;
}

/* Logo branca → roxo da marca no modo claro */
[data-theme="light"] .logo img,
[data-theme="light"] .mobile-logo,
[data-theme="light"] .footer-logo {
    filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2800%) hue-rotate(252deg) brightness(0.82);
}

[data-theme="light"] .logo img:hover {
    filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2800%) hue-rotate(252deg) brightness(0.82)
        drop-shadow(0 0 12px rgba(163, 58, 255, 0.45));
}

/* Faça Parte — cargos */
[data-theme="light"] .funcao-card {
    background: #ffffff;
    border-color: #d8dcee;
    box-shadow: 0 4px 14px rgba(26, 31, 54, 0.06);
}

[data-theme="light"] .funcao-card:hover {
    background: #f7f3ff;
    border-color: #a33aff;
}

[data-theme="light"] .funcao-card h3 {
    color: #1a1a2e;
}

[data-theme="light"] .funcao-card p {
    color: #5c6278;
}

[data-theme="light"] .recrutamento-intro p {
    color: #5c6278;
}

/* Catálogo de projetos */
[data-theme="light"] .projects-header {
    border-bottom-color: #d8dcee;
}

[data-theme="light"] .project-item h3 {
    color: #1a1a2e;
}

[data-theme="light"] .project-item span {
    color: #7a8094;
}

[data-theme="light"] .project-badge.concluido,
[data-theme="light"] .anime-poster .status-badge.concluido {
    background: #e8f8ef;
    border: 1px solid #2e9e5a;
    color: #0f6b38;
}

[data-theme="light"] .filtros-container {
    background: rgba(255, 255, 255, 0.95);
    border-color: #c9b8f5;
    box-shadow: 0 8px 24px rgba(26, 31, 54, 0.08);
}

[data-theme="light"] .filtros-search.search {
    background: #f4f5fb;
    border-color: #c9b8f5;
}

[data-theme="light"] .filtros-search .search-field input {
    color: #1a1a2e;
}

[data-theme="light"] .filtros-search .search-field input::placeholder {
    color: #9aa0b4;
}

[data-theme="light"] .filtros-adult-filter {
    color: #b45309;
}

/* ── Página de projeto (modo claro) ── */
[data-theme="light"] .project-page {
    background: #f0f2f8;
}

[data-theme="light"] .project-hero-bg-img {
    filter: blur(6px) brightness(0.82) saturate(1.05);
}

[data-theme="light"] .project-hero-bg-overlay {
    background: linear-gradient(90deg, rgba(240,242,248,0.94) 0%, rgba(240,242,248,0.45) 50%, rgba(240,242,248,0.7) 100%),
                linear-gradient(180deg, rgba(240,242,248,0.08) 0%, rgba(240,242,248,0.88) 100%);
}

[data-theme="light"] .project-hero-title,
[data-theme="light"] .project-section-title {
    color: #1a1a2e;
}

[data-theme="light"] .project-hero-synopsis {
    color: #4a4f63;
}

[data-theme="light"] .project-hero-stats {
    color: #6b7186;
}

[data-theme="light"] .project-hero-stat i {
    color: #8b3fd9;
}

[data-theme="light"] .project-details {
    background: #f0f2f8;
    border-top-color: #dde1ec;
}

[data-theme="light"] .project-meta-grid dt {
    color: #6b7186;
}

[data-theme="light"] .project-meta-grid dd {
    color: #1a1a2e;
}

[data-theme="light"] .project-staff-highlight {
    background: linear-gradient(135deg, rgba(163, 58, 255, 0.1), rgba(103, 61, 230, 0.05));
    border-color: rgba(163, 58, 255, 0.35);
    box-shadow: 0 4px 18px rgba(26, 31, 54, 0.07);
}

[data-theme="light"] .project-staff-title {
    color: #8b3fd9;
}

[data-theme="light"] .project-staff-member {
    background: rgba(255, 255, 255, 0.75);
    border-left-color: #a33aff;
}

[data-theme="light"] .project-staff-name {
    color: #1a1a2e;
}

[data-theme="light"] .project-staff-roles .staff-role-tag {
    background: rgba(163, 58, 255, 0.12);
    border-color: rgba(163, 58, 255, 0.28);
    color: #7c3aed;
}

[data-theme="light"] .project-episodes-section,
[data-theme="light"] .project-music-section {
    border-top-color: #dde1ec;
}

[data-theme="light"] .ep-card-thumb {
    background: #e4e7f0;
}

[data-theme="light"] .ep-card-title {
    color: #1a1a2e;
}

[data-theme="light"] .ep-card-series,
[data-theme="light"] .ep-card-crc {
    color: #6b7186;
}

[data-theme="light"] .ep-card-crc--empty {
    color: #aab0c0;
}

[data-theme="light"] .ep-card-quality {
    background: #8b3fd9;
    color: #fff;
}

[data-theme="light"] .ep-card-download {
    border-color: rgba(163, 58, 255, 0.4);
    color: #8b3fd9;
}

[data-theme="light"] .ep-card-download:hover {
    background: #a33aff;
    color: #fff;
}

[data-theme="light"] .music-card-title {
    color: #1a1a2e;
}

[data-theme="light"] .music-card:hover .music-card-title {
    color: #8b3fd9;
}

[data-theme="light"] .no-episodes-msg {
    color: #6b7186;
}

[data-theme="light"] .sensitive-content-warning {
    background: rgba(255, 179, 71, 0.18);
    border-color: rgba(255, 179, 71, 0.45);
    color: #b45309;
}

[data-theme="light"] body.sensitive-gate-open .project-page {
    filter: blur(8px);
}

[data-theme="light"] .project-sensitive-flag,
[data-theme="light"] .ep-card-sensitive {
    background: rgba(190, 24, 60, 0.92);
    color: #fff;
    border-color: rgba(190, 24, 60, 0.45);
}

[data-theme="light"] .sensitive-gate-modal {
    background: #ffffff;
    border-color: #e11d48;
    box-shadow: 0 12px 40px rgba(26, 31, 54, 0.18);
}

[data-theme="light"] .sensitive-gate-modal h2 {
    color: #1a1a2e;
}

[data-theme="light"] .sensitive-gate-modal p {
    color: #4a4f63;
}

[data-theme="light"] .sensitive-gate-modal p strong {
    color: #be123c;
}

[data-theme="light"] .sensitive-gate-sub {
    color: #6b7186 !important;
}

[data-theme="light"] .filter-btn {
    background: #f4f5fb;
    border-color: #c9b8f5;
    color: #4a4f63;
}

[data-theme="light"] .filter-btn.active,
[data-theme="light"] .filter-btn:hover {
    background: #a33aff;
    border-color: #a33aff;
    color: #fff;
}

[data-theme="light"] .letter-btn {
    background: #f4f5fb;
    border-color: #d8dcee;
    color: #4a4f63;
}

[data-theme="light"] .letter-btn.active,
[data-theme="light"] .letter-btn:hover {
    background: #a33aff;
    color: #fff;
    border-color: #a33aff;
}

[data-theme="light"] .letter-filters-label {
    color: #5c6278;
}

[data-theme="light"] .search-feedback {
    color: #5c6278;
}

[data-theme="light"] .search-feedback strong {
    color: #673de6;
}

[data-theme="light"] .no-results {
    background: #ffffff;
    border-color: #dcdff0;
    box-shadow: 0 4px 16px rgba(26, 31, 54, 0.06);
}

[data-theme="light"] .no-results h1 {
    color: #1a1a2e;
}

[data-theme="light"] .no-results h3 {
    color: #5c6278;
    font-weight: 500;
}

/* Página de projeto */
[data-theme="light"] .anime-details-container {
    background: #eef0f6;
}

[data-theme="light"] .anime-page-bg {
    filter: blur(15px) brightness(0.85) saturate(0.85);
    opacity: 0.35;
}

[data-theme="light"] .anime-text-info h1 {
    color: #1a1a2e;
}

[data-theme="light"] .anime-sinopse h3 {
    color: #1a1a2e;
}

[data-theme="light"] .anime-sinopse p {
    color: #4a4f63;
    background: #ffffff;
    border: 1px solid #e2e5ef;
}

[data-theme="light"] .anime-specs {
    background: #ffffff;
    border-color: #dcdff0;
}

[data-theme="light"] .anime-specs h3 {
    color: #673de6;
}

[data-theme="light"] .spec-item {
    color: #5c6278;
}

[data-theme="light"] .spec-item strong {
    color: #1a1a2e;
}

[data-theme="light"] .spec-item span {
    color: #673de6;
}

[data-theme="light"] .anime-staff {
    background: #f0f2f8;
    border-color: rgba(103, 61, 230, 0.2);
}

[data-theme="light"] .anime-staff h3 {
    color: #673de6;
}

[data-theme="light"] .staff-card {
    background: #fff;
    border-color: rgba(103, 61, 230, 0.2);
}

[data-theme="light"] .staff-card:hover {
    border-color: rgba(103, 61, 230, 0.45);
}

[data-theme="light"] .staff-card .staff-name {
    color: #1a1a2e;
}

[data-theme="light"] .staff-role-tag {
    color: #673de6;
    background: rgba(103, 61, 230, 0.1);
    border-color: rgba(103, 61, 230, 0.25);
}

[data-theme="light"] .staff-empty {
    color: #5c6278;
}

[data-theme="light"] .episode-list-section {
    background: #e4e7f0;
}

[data-theme="light"] .episode-list-section h2 {
    color: #1a1a2e;
}

[data-theme="light"] .episode-row {
    background: #ffffff;
    border-color: #e2e5ef;
    box-shadow: 0 2px 8px rgba(26, 31, 54, 0.05);
}

[data-theme="light"] .episode-row:hover {
    background: #f8f9fd;
    border-color: #c9b8f5;
}

[data-theme="light"] .ep-title {
    color: #1a1a2e;
}

[data-theme="light"] .ep-label {
    color: #673de6;
}

[data-theme="light"] .no-episodes-msg {
    color: #5c6278;
}

[data-theme="light"] .episode-card {
    background: #ffffff;
    border-color: #e2e5ef;
    color: #1a1a2e;
    box-shadow: 0 2px 8px rgba(26, 31, 54, 0.05);
}

[data-theme="light"] .episode-card:hover {
    background: #f8f9fd;
    border-color: #a33aff;
}

[data-theme="light"] .ep-info p {
    color: #5c6278;
}

/* Posts / Blog */
[data-theme="light"] .blog-post-container {
    background: #eef0f6;
}

[data-theme="light"] .blog-hero-overlay h1 {
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

[data-theme="light"] .blog-meta {
    color: #d4b8ff;
}

[data-theme="light"] .blog-meta i {
    color: #c9a0ff;
}

[data-theme="light"] .blog-content {
    background: #ffffff;
    border-color: #e2e5ef;
    box-shadow: 0 4px 20px rgba(26, 31, 54, 0.08);
}

[data-theme="light"] .blog-content p,
[data-theme="light"] .blog-content li {
    color: #4a4f63;
}

[data-theme="light"] .blog-content h2 {
    color: #673de6;
}

[data-theme="light"] .blog-content a {
    color: #673de6;
}

[data-theme="light"] .blog-specs li {
    color: #5c6278;
    border-bottom-color: #e8ebf3;
}

[data-theme="light"] .blog-specs strong {
    color: #1a1a2e;
}

[data-theme="light"] .blog-downloads {
    background: #ffffff;
    border-color: #e2e5ef;
}

[data-theme="light"] .blog-downloads h2 {
    color: #673de6;
}

[data-theme="light"] .blog-highlight {
    background: #ffffff;
    border-color: #e2e5ef;
    box-shadow: 0 4px 20px rgba(26, 31, 54, 0.08);
}

[data-theme="light"] .highlight-content h2 {
    color: #1a1a2e;
}

[data-theme="light"] .highlight-info p {
    color: #5c6278;
    border-bottom-color: #e8ebf3;
}

[data-theme="light"] .highlight-info p strong {
    color: #1a1a2e;
}

[data-theme="light"] .highlight-tag-conclused {
    background: #e8f8ef;
    border-color: #2e9e5a;
    color: #0f6b38;
}

[data-theme="light"] .highlight-btn {
    color: #673de6;
    border-color: #c9b8f5;
}

[data-theme="light"] .highlight-btn:hover {
    color: #ffffff;
}

/* FAQ / Dúvidas */
[data-theme="light"] .faq-item {
    background: #ffffff;
    border-color: #e2e5ef;
}

[data-theme="light"] .faq-question {
    color: #1a1a2e;
}

[data-theme="light"] .faq-answer p {
    color: #5c6278;
}

/* Info pages (Sobre, DMCA) */
[data-theme="light"] .info-hero::before {
    background: linear-gradient(180deg, rgba(163, 58, 255, 0.08) 0%, transparent 55%, #eef0f6 100%);
}

[data-theme="light"] .info-hero-logo {
    filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2800%) hue-rotate(252deg) brightness(0.82)
        drop-shadow(0 0 12px rgba(163, 58, 255, 0.25));
}

[data-theme="light"] .info-hero-badge {
    color: #673de6;
    background: rgba(163, 58, 255, 0.1);
    border-color: rgba(163, 58, 255, 0.25);
}

[data-theme="light"] .info-hero h1 {
    background: linear-gradient(90deg, #1a1a2e 30%, #673de6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] .info-hero p,
[data-theme="light"] .info-hero-sub {
    color: #5c6278;
}

[data-theme="light"] .info-highlight {
    background: #ffffff;
    border-color: #e2e5ef;
    box-shadow: 0 4px 14px rgba(26, 31, 54, 0.06);
}

[data-theme="light"] .info-highlight strong {
    color: #1a1a2e;
}

[data-theme="light"] .info-highlight span {
    color: #7a8094;
}

[data-theme="light"] .info-card,
[data-theme="light"] .info-step-card,
[data-theme="light"] .info-checklist {
    background: #ffffff;
    border-color: #e2e5ef;
    box-shadow: 0 4px 14px rgba(26, 31, 54, 0.05);
}

[data-theme="light"] .info-card:hover,
[data-theme="light"] .info-step-card:hover {
    box-shadow: 0 8px 24px rgba(26, 31, 54, 0.08);
}

[data-theme="light"] .info-card h2,
[data-theme="light"] .info-step-card h3,
[data-theme="light"] .info-checklist h2 {
    color: #1a1a2e;
}

[data-theme="light"] .info-card p,
[data-theme="light"] .info-step-card p,
[data-theme="light"] .info-card li,
[data-theme="light"] .info-checklist li {
    color: #5c6278;
}

[data-theme="light"] .info-checklist li {
    background: #f8f9fd;
    border-color: #e8ebf3;
}

[data-theme="light"] .info-section-title h2 {
    color: #1a1a2e;
}

[data-theme="light"] .info-section-title p {
    color: #5c6278;
}

[data-theme="light"] .info-step h3 {
    color: #1a1a2e;
}

[data-theme="light"] .info-step p {
    color: #5c6278;
}

[data-theme="light"] .info-contact-box {
    background: #ffffff;
    border-color: #dcdff0;
    box-shadow: 0 4px 18px rgba(26, 31, 54, 0.06);
}

[data-theme="light"] .info-contact-box h2 {
    color: #1a1a2e;
}

[data-theme="light"] .info-contact-box > p {
    color: #5c6278;
}

[data-theme="light"] .info-callout--legal {
    background: linear-gradient(135deg, rgba(163, 58, 255, 0.08), #f7f3ff);
    border-color: #dcdff0;
}

[data-theme="light"] .info-callout--legal h2 {
    color: #673de6;
}

[data-theme="light"] .info-callout--legal p {
    color: #5c6278;
}

[data-theme="light"] .info-callout--warning {
    background: linear-gradient(135deg, rgba(255, 180, 50, 0.12), #fffaf0);
    border-color: #f0d9a8;
}

[data-theme="light"] .info-callout--warning h2 {
    color: #b8860b;
}

[data-theme="light"] .info-callout--warning p {
    color: #5c6278;
}

[data-theme="light"] .info-callout--note {
    background: linear-gradient(135deg, rgba(74, 105, 189, 0.1), #f0f4ff);
    border-color: #c8d4f0;
}

[data-theme="light"] .info-callout--note h2 {
    color: #3d5a9e;
}

[data-theme="light"] .info-callout--note p {
    color: #5c6278;
}

/* Equipe & formulários */
[data-theme="light"] .membro-card-new {
    background: #ffffff;
    border-color: #e2e5ef;
}

[data-theme="light"] .membro-card-new:hover {
    border-color: #c9b8f5;
    box-shadow: 0 8px 24px rgba(26, 31, 54, 0.08);
}

[data-theme="light"] .membro-info h3 {
    color: #1a1a2e;
}

[data-theme="light"] .membro-detalhes,
[data-theme="light"] .membro-detalhes p {
    color: #5c6278;
}

[data-theme="light"] .social-btn {
    background: #f4f5fb;
    border-color: #d8dcee;
    color: #5c6278;
}

[data-theme="light"] .social-btn:hover {
    background: #f3efff;
    border-color: #a33aff;
    color: #1a1a2e;
}

/* Ícones brancos (imagens/icons) → tom escuro legível no modo claro */
[data-theme="light"] img[src*="/icons/"],
[data-theme="light"] .social-btn img,
[data-theme="light"] .membro-socials img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(12%) saturate(600%) hue-rotate(195deg);
}

[data-theme="light"] .social-btn:hover img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2800%) hue-rotate(252deg) brightness(0.82);
}

[data-theme="light"] .form-group label {
    color: #1a1a2e;
}

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
    background: #ffffff;
    border-color: #d8dcee;
    color: #1a1a2e;
}

[data-theme="light"] .form-style {
    background: #ffffff;
    border-color: #e2e5ef;
}

/* Mobile */
@media (max-width: 768px) {
    [data-theme="light"] .mobile-menu {
        background: #1a1b43;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    [data-theme="light"] .mobile-menu a {
        color: rgba(255, 255, 255, 0.9);
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    [data-theme="light"] .mobile-menu a:hover,
    [data-theme="light"] .mobile-menu a:focus-visible {
        background: rgba(163, 58, 255, 0.15);
    }

    [data-theme="light"] .mobile-search-bar {
        background: #1a1b43;
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    [data-theme="light"] .mobile-search-bar .search-field input {
        color: #ffffff;
    }

    [data-theme="light"] .mobile-search-bar .search-field input::placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    [data-theme="light"] .hamburger span {
        background: #ffffff;
    }
}
