/* ダークモード対応スタイル */
/* 基本スタイル */
.uk-light {
    background-color: #222;
    color: #fff;
}

/* ナビゲーションバーのダークモード対応 */
.uk-light .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #222 !important;
    border-bottom: 1px solid #333 !important;
}

.uk-light .uk-navbar-nav>li>a {
    color: #fff !important;
}

.uk-light .uk-navbar-nav>li:hover>a,
.uk-light .uk-navbar-nav>li>a:focus,
.uk-light .uk-navbar-nav>li>a.uk-open {
    color: #1e87f0 !important;
}

.uk-light .uk-navbar-toggle {
    color: #fff !important;
}

.uk-light .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle:focus {
    color: #1e87f0 !important;
}

/* カードのダークモード対応 */
.uk-light .uk-card-default {
    background-color: #333 !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-color: #555 !important;
}

.uk-light .uk-card-default .uk-card-title {
    color: #ffffff !important;
    font-weight: 600;
}

.uk-light .uk-card-default .uk-card-header,
.uk-light .uk-card-default .uk-card-footer {
    background-color: #2a2a2a !important;
    border-color: #555 !important;
}

/* メタ情報とテキストの視認性向上 */
.uk-light .uk-text-meta {
    color: #bbb !important;
    font-weight: 500;
}

.uk-light .uk-card-default .uk-text-meta {
    color: #bbb !important;
}

/* テーブルのダークモード対応 */
.uk-light .uk-table {
    color: #fff !important;
}

.uk-light .uk-table-striped tbody tr:nth-of-type(odd),
.uk-light .uk-table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* タブのダークモード対応 */
.uk-light .uk-tab>li>a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.uk-light .uk-tab>li.uk-active>a {
    color: #fff !important;
    border-color: #1e87f0 !important;
}

/* ダークモードトグルボタンのスタイル */
.dark-mode-toggle {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
}

.uk-light .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* オフキャンバスのダークモード対応 */
.uk-light .uk-offcanvas-bar {
    background-color: #222 !important;
}

/* 通知のダークモード対応 */
.uk-light .uk-notification-message {
    background-color: #222 !important;
    color: #fff !important;
}

/* セクションのダークモード対応 */
.uk-light .uk-section-muted {
    background-color: #1a1a1a !important;
    color: #fff !important;
}

/* カードホバー効果のダークモード対応 */
.uk-light .uk-card-default.uk-card-hover:hover {
    background-color: #222 !important;
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.5) !important;
}

/* ドロップダウンのダークモード対応 */
.uk-light .uk-dropdown {
    background-color: #222 !important;
}

.uk-light .uk-dropdown-nav>li>a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.uk-light .uk-dropdown-nav>li>a:hover {
    color: #fff !important;
}

.uk-light .uk-dropdown-nav>li.uk-active>a {
    color: #fff !important;
}

/* その他のカスタム要素のダークモード対応 */
.uk-light .sales-total {
    color: #ffffff !important;
    font-weight: 700;
}

/* 見出し全般の視認性向上 */
.uk-light h1, 
.uk-light h2, 
.uk-light h3, 
.uk-light h4, 
.uk-light h5, 
.uk-light h6 {
    color: #ffffff !important;
}

/* 強調テキストの改善 */
.uk-light .uk-text-emphasis,
.uk-light .uk-text-large {
    color: #ffffff !important;
    font-weight: 600;
}

/* 通常テキストの視認性向上 */
.uk-light p,
.uk-light span:not(.uk-text-meta) {
    color: #ffffff !important;
}

/* ボタンテキストの改善 */
.uk-light .uk-button {
    color: #ffffff !important;
}

.uk-light .uk-button-primary {
    background-color: #1e87f0 !important;
    color: #ffffff !important;
}

/* パンくずリストのダークモード対応 */
.uk-light .uk-breadcrumb > ul > li:not(:last-child)::after {
    color: #777 !important;
}

.uk-light .uk-breadcrumb a {
    color: #4db8ff !important;
}

.uk-light .uk-breadcrumb a:hover {
    color: #66c2ff !important;
}

.uk-light .uk-breadcrumb > ul > li:last-child > span {
    color: #ddd !important;
    font-weight: 500;
}

/* アラートの視認性向上 */
.uk-light .uk-alert {
    background-color: #333 !important;
    color: #ffffff !important;
    border-color: #555 !important;
}

.uk-light .uk-alert-warning {
    background-color: #4a3c00 !important;
    border-color: #8a6914 !important;
    color: #ffd700 !important;
}