/**
 * Dark Mode (Eco Mode) - NatureCredit Theme
 * 直接値使用
 */

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

/* ==========================================================================
   Base
   ========================================================================== */
[data-theme="dark"] body {
    background-color: #0A0A0A;
    color: #F5F5F5;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #F5F5F5;
}

[data-theme="dark"] a {
    color: #4FD1C5;
}

[data-theme="dark"] a:hover {
    color: #5EE3D6;
}

/* ==========================================================================
   Header
   ========================================================================== */
[data-theme="dark"] .site-header {
    background-color: #141414;
    border-bottom-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .site-logo {
    color: #4FD1C5;
}

[data-theme="dark"] .site-logo__img--light {
    display: none;
}

[data-theme="dark"] .site-logo__img--dark {
    display: block;
}

[data-theme="dark"] .header-nav__link {
    color: #F5F5F5;
}

[data-theme="dark"] .header-nav__link:hover {
    color: #4FD1C5;
}

[data-theme="dark"] .header-nav__link::after {
    background-color: #4FD1C5;
}

[data-theme="dark"] .search-toggle {
    color: #F5F5F5;
}

[data-theme="dark"] .search-toggle:hover {
    background-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .hamburger__line {
    background-color: #F5F5F5;
}

/* Eco Toggle Active State */
[data-theme="dark"] .eco-toggle__switch {
    background-color: #4FD1C5;
}

[data-theme="dark"] .eco-toggle__thumb {
    transform: translateX(16px);
}

[data-theme="dark"] .eco-toggle__label {
    color: #4FD1C5;
}

/* Header Search Panel */
[data-theme="dark"] .header-search-panel {
    background-color: #141414;
    border-bottom-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .header-search-panel__input {
    background-color: #1A1A1A;
    border-color: rgba(255,255,255,0.1);
    color: #F5F5F5;
}

[data-theme="dark"] .header-search-panel__input::placeholder {
    color: #A0A0A0;
}

[data-theme="dark"] .header-search-panel__button {
    background-color: #4FD1C5;
    color: #0A0A0A;
}

/* Mobile Menu */
[data-theme="dark"] .mobile-menu {
    background-color: #141414;
}

[data-theme="dark"] .mobile-menu__link {
    color: #F5F5F5;
    border-bottom-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .mobile-menu__link:hover {
    color: #4FD1C5;
    background-color: rgba(255,255,255,0.05);
}

/* ==========================================================================
   Footer
   ========================================================================== */
[data-theme="dark"] .site-footer {
    background-color: #0A0A0A;
    border-top: 1px solid rgba(255,255,255,0.1);
}

[data-theme="dark"] .footer-logo {
    color: #4FD1C5;
}

[data-theme="dark"] .footer-nav__link {
    color: #A0A0A0;
}

[data-theme="dark"] .footer-nav__link:hover {
    color: #F5F5F5;
}

[data-theme="dark"] .footer-copyright {
    color: #666666;
}

/* ==========================================================================
   Bottom Bar
   ========================================================================== */
[data-theme="dark"] .bottom-bar {
    background-color: #141414;
    border-top-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .bottom-bar__item {
    color: #A0A0A0;
}

[data-theme="dark"] .bottom-bar__item:hover,
[data-theme="dark"] .bottom-bar__item.is-active {
    color: #4FD1C5;
}

/* ==========================================================================
   Bento Grid
   ========================================================================== */
[data-theme="dark"] .bento-section {
    background-color: #0A0A0A;
}

[data-theme="dark"] .bento-card {
    background-color: #1A1A1A;
    border-color: #2A2A2A;
}

[data-theme="dark"] .bento-card__content {
    background-color: #1A1A1A;
}

[data-theme="dark"] .bento-card:hover {
    box-shadow: 0 12px 32px rgba(0,0,0,0.4);
    border-color: #3A3A3A;
}

[data-theme="dark"] .bento-card__title {
    color: #F5F5F5;
}

[data-theme="dark"] .bento-card__date {
    color: #A0A0A0;
}

[data-theme="dark"] .bento-card__excerpt {
    color: #A0A0A0;
}

[data-theme="dark"] .bento-card__placeholder {
    background: linear-gradient(135deg, #2A2A2A 0%, #1A1A1A 100%);
}

/* ==========================================================================
   Post Cards
   ========================================================================== */
[data-theme="dark"] .post-card {
    background-color: #1A1A1A;
    border-color: #2A2A2A;
}

[data-theme="dark"] .post-card:hover {
    border-color: #3A3A3A;
}

[data-theme="dark"] .post-card__title {
    color: #F5F5F5;
}

[data-theme="dark"] .post-card__date {
    color: #A0A0A0;
}

[data-theme="dark"] .post-card__excerpt {
    color: #A0A0A0;
}

[data-theme="dark"] .post-card__placeholder {
    background: linear-gradient(135deg, #2A2A2A 0%, #1A1A1A 100%);
}

/* ==========================================================================
   Category Sections
   ========================================================================== */
[data-theme="dark"] .category-section__header {
    border-bottom-color: #4FD1C5;
}

[data-theme="dark"] .category-section__title {
    color: #F5F5F5;
}

[data-theme="dark"] .category-section__link {
    color: #4FD1C5;
}

/* ==========================================================================
   Smart Brevity
   ========================================================================== */
[data-theme="dark"] .smart-brevity {
    background-color: #1A1A1A;
    border-color: #2A2A2A;
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
}

[data-theme="dark"] .smart-brevity__item {
    border-bottom-color: #252525;
}

[data-theme="dark"] .smart-brevity__item--deeper {
    background-color: #151515;
}

[data-theme="dark"] .smart-brevity__icon {
    background-color: #252525;
}

[data-theme="dark"] .smart-brevity__label {
    color: #4FD1C5;
}

[data-theme="dark"] .smart-brevity__text {
    color: #F5F5F5;
}

[data-theme="dark"] .smart-brevity__item--deeper {
    border-top-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .smart-brevity__link {
    color: #4FD1C5;
}

/* ==========================================================================
   Homepage Search
   ========================================================================== */
[data-theme="dark"] .homepage-search__form {
    background-color: #1A1A1A;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

[data-theme="dark"] .homepage-search__input {
    background-color: #1A1A1A;
    color: #F5F5F5;
}

[data-theme="dark"] .homepage-search__input::placeholder {
    color: #A0A0A0;
}

[data-theme="dark"] .homepage-search__button {
    background-color: #4FD1C5;
    color: #0A0A0A;
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
[data-theme="dark"] .breadcrumb {
    color: #A0A0A0;
}

[data-theme="dark"] .breadcrumb a {
    color: #A0A0A0;
}

[data-theme="dark"] .breadcrumb a:hover {
    color: #4FD1C5;
}

/* ==========================================================================
   Post Tags
   ========================================================================== */
[data-theme="dark"] .post-tags__item {
    background-color: #1A1A1A;
    color: #4FD1C5;
}

[data-theme="dark"] .post-tags__item:hover {
    background-color: #252525;
}

/* ==========================================================================
   Share Buttons
   ========================================================================== */
[data-theme="dark"] .share-buttons__label {
    color: #A0A0A0;
}

/* ==========================================================================
   Source Info
   ========================================================================== */
[data-theme="dark"] .source-info__inner {
    background-color: #1A1A1A;
    border-color: #2A2A2A;
}

[data-theme="dark"] .source-info__inner:hover {
    border-color: #3A3A3A;
    background-color: #1F1F1F;
}

[data-theme="dark"] .source-info__name {
    color: #E0E0E0;
}

[data-theme="dark"] .source-info__url {
    color: #A0A0A0;
}

[data-theme="dark"] .source-info__url:hover {
    color: #4FD1C5;
}

[data-theme="dark"] .source-info__label {
    color: #A0A0A0;
}

[data-theme="dark"] .source-info__link {
    color: #4FD1C5;
}

/* ==========================================================================
   Related Posts
   ========================================================================== */
[data-theme="dark"] .related-posts {
    border-top-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .related-posts__title {
    color: #F5F5F5;
}

/* ==========================================================================
   CTA Banner
   ========================================================================== */
[data-theme="dark"] .cta-banner {
    background-color: #1A1A1A;
    border-color: #333333;
}

[data-theme="dark"] .cta-banner__text {
    color: #E0E0E0;
}

[data-theme="dark"] .cta-banner__button {
    background-color: #14919B;
    color: #FFFFFF;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
[data-theme="dark"] .btn--primary {
    background-color: #4FD1C5;
    color: #0A0A0A;
}

[data-theme="dark"] .btn--primary:hover {
    background-color: #5EE3D6;
}

[data-theme="dark"] .btn--outline {
    color: #4FD1C5;
    border-color: #4FD1C5;
}

[data-theme="dark"] .btn--outline:hover {
    background-color: #4FD1C5;
    color: #0A0A0A;
}

/* ==========================================================================
   Category Labels (ティール統一)
   ========================================================================== */
[data-theme="dark"] .category-label,
[data-theme="dark"] .category-label--news,
[data-theme="dark"] .category-label--opinion,
[data-theme="dark"] .category-label--explainer {
    background-color: #14919B;
    color: #FFFFFF;
}

[data-theme="dark"] .bento-card__category,
[data-theme="dark"] .bento-card__category--news,
[data-theme="dark"] .bento-card__category--opinion,
[data-theme="dark"] .bento-card__category--explainer,
[data-theme="dark"] .post-card__category,
[data-theme="dark"] .post-card__category--news,
[data-theme="dark"] .post-card__category--opinion,
[data-theme="dark"] .post-card__category--explainer {
    background-color: #14919B;
    color: #FFFFFF;
}

/* ==========================================================================
   Mobile Search Modal
   ========================================================================== */
[data-theme="dark"] .mobile-search-modal__form {
    background-color: #141414;
}

[data-theme="dark"] .mobile-search-modal__input {
    background-color: #141414;
    color: #F5F5F5;
}

[data-theme="dark"] .mobile-search-modal__button {
    background-color: #4FD1C5;
    color: #0A0A0A;
}

/* ==========================================================================
   404 Error Page
   ========================================================================== */
[data-theme="dark"] .error-404__code {
    color: #2A2A2A;
}

[data-theme="dark"] .error-404__title {
    color: #F5F5F5;
}

[data-theme="dark"] .error-404__text {
    color: #A0A0A0;
}

[data-theme="dark"] .error-404__button {
    background-color: #14919B;
}