/* Light theme — warm paper tones */

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f2ee;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f7f4;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  --text: #1c1c20;
  --text-muted: #5e5e68;
  --accent: #8a6d42;
  --accent-dim: rgba(138, 109, 66, 0.12);
  --title-accent: #8a6d42;
  --tab-active-fg: #1c1c20;
  --search-field-bg: #e0ded8;
  --filter-field-bg: #ffffff;
  --movie: #3d7aa8;
  --movie-dim: rgba(61, 122, 168, 0.12);
  --tv: #6b52a8;
  --tv-dim: rgba(107, 82, 168, 0.12);
  --anime: #b84a68;
  --anime-dim: rgba(184, 74, 104, 0.12);
  --franchise: #3d9a7a;
  --franchise-dim: rgba(61, 154, 122, 0.12);
  --watched: #2d9a52;
  --in-progress: #e07a20;
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] ::selection {
  background: rgba(138, 109, 66, 0.22);
  color: var(--text);
}

html[data-theme="light"] body {
  background:
    radial-gradient(ellipse 90% 55% at 50% -25%, rgba(138, 109, 66, 0.07), transparent 55%),
    radial-gradient(ellipse 40% 30% at 100% 100%, rgba(61, 122, 168, 0.05), transparent),
    var(--bg);
}

html[data-theme="light"] .header__stat-chip {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .header__stat-value {
  color: #2a2a30;
}

html[data-theme="light"] .header__stat-chip--watched .header__stat-value {
  color: var(--watched);
}

html[data-theme="light"] .header__stat-chip--in-progress .header__stat-value {
  color: var(--in-progress, #e07a20);
}

html[data-theme="light"] .header__stat-label {
  color: #6a6a74;
}

html[data-theme="light"] .header__toolbar {
  background: rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] .header__toolbar .account-menu__trigger:hover,
html[data-theme="light"] .header__toolbar .account-menu__trigger:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .panel {
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04) inset;
}

html[data-theme="light"] .type-tabs {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .search__input,
html[data-theme="light"] .gate__input,
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-textarea,
html[data-theme="light"] .tds-episode-jump__input {
  background-color: var(--search-field-bg);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .genre-filter__select,
html[data-theme="light"] .watched-filter__select,
html[data-theme="light"] .rating-filter__select,
html[data-theme="light"] .select {
  background-color: var(--filter-field-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23576370' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] .search__input:focus,
html[data-theme="light"] .genre-filter__select:focus,
html[data-theme="light"] .watched-filter__select:focus,
html[data-theme="light"] .rating-filter__select:focus,
html[data-theme="light"] .gate__input:focus,
html[data-theme="light"] .form-input:focus,
html[data-theme="light"] .form-textarea:focus,
html[data-theme="light"] .tds-episode-jump__input:focus {
  border-color: rgba(138, 109, 66, 0.45);
  box-shadow: 0 0 0 3px rgba(138, 109, 66, 0.1);
}

html[data-theme="light"] select,
html[data-theme="light"] .genre-filter__select,
html[data-theme="light"] .watched-filter__select,
html[data-theme="light"] .rating-filter__select,
html[data-theme="light"] .select,
html[data-theme="light"] .account-menu__select,
html[data-theme="light"] #titleSearchType,
html[data-theme="light"] #listSwitcher,
html[data-theme="light"] #genreSelect,
html[data-theme="light"] #watchedFilter,
html[data-theme="light"] #ratingFilter,
html[data-theme="light"] #formType,
html[data-theme="light"] #formGenre,
html[data-theme="light"] #searchConfirmType,
html[data-theme="light"] #searchConfirmGenre {
  color-scheme: light;
  accent-color: #8a6d42;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23576370' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
}

html[data-theme="light"] select option,
html[data-theme="light"] .select option,
html[data-theme="light"] .account-menu__select option {
  background-color: #fff;
  color: var(--text);
}

html[data-theme="light"] select option:checked,
html[data-theme="light"] .select option:checked,
html[data-theme="light"] .account-menu__select option:checked {
  background-color: #f0ebe3;
  color: #1c1c20;
}

html[data-theme="light"] .genre-filter__select,
html[data-theme="light"] .watched-filter__select,
html[data-theme="light"] .rating-filter__select,
html[data-theme="light"] .panel__filters #genreSelect,
html[data-theme="light"] .panel__filters #watchedFilter,
html[data-theme="light"] .panel__filters #ratingFilter {
  background-color: var(--filter-field-bg);
  border: 1px solid var(--border-strong);
}

html[data-theme="light"] .btn--primary {
  color: #fff;
  background: linear-gradient(180deg, #9a7b4f 0%, #7d6238 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

html[data-theme="light"] .btn--primary:hover {
  background: linear-gradient(180deg, #a88a5c 0%, #8a6d42 100%);
}

html[data-theme="light"] .btn--ghost:hover {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .layout-bar {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .layout-toggle--active {
  background: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .genre-section__bar {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04) inset;
}

html[data-theme="light"] .genre-section--all-match .genre-section__bar {
  border-color: rgba(138, 109, 66, 0.28);
  background: rgba(138, 109, 66, 0.06);
}

html[data-theme="light"] .genre-section__count {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .card {
  background: linear-gradient(180deg, #fff 0%, #f8f7f4 100%);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .card:hover {
  border-color: rgba(138, 109, 66, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .card__rating,
html[data-theme="light"] .card-menu__trigger {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .modal__panel,
html[data-theme="light"] .app-dialog__panel {
  background: #fff;
}

html[data-theme="light"] .rating-picker__star-icon {
  color: transparent;
  -webkit-text-stroke: 1px rgba(28, 28, 32, 0.35);
}

html[data-theme="light"] .add-mode-tabs {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .add-mode-tab--active {
  color: #fff;
  background: #1c1c20;
}

html[data-theme="light"] .add-mode-tab--active:hover,
html[data-theme="light"] .add-mode-tab--active:focus,
html[data-theme="light"] .add-mode-tab--active:focus-visible {
  color: #fff;
  background: #1c1c20;
}

html[data-theme="light"] .add-panel-hint {
  background: rgba(138, 109, 66, 0.06);
}

html[data-theme="light"] .title-search__item:hover {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .gate__card {
  background: #fff;
}

html[data-theme="light"] .gate__modes {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .gate__mode {
  color: #5e5e68;
}

html[data-theme="light"] .gate__mode--active {
  color: #fff;
  background: #1c1c20;
}

html[data-theme="light"] .gate__lang-btn,
html[data-theme="light"] .account-menu__lang-btn {
  background: rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] .gate__lang-btn--active,
html[data-theme="light"] .account-menu__lang-btn--active {
  color: #fff;
  background: #1c1c20;
  border-color: #1c1c20;
}

html[data-theme="light"] .account-menu__panel {
  background: #fff;
}

html[data-theme="light"] .account-menu__item:hover,
html[data-theme="light"] .account-menu__item:focus-visible {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .gate__lang-btn--active,
html[data-theme="light"] .account-menu__lang-btn--active,
html[data-theme="light"] .theme-option--active {
  color: #fff;
  background: #1c1c20;
  border-color: #1c1c20;
}

html[data-theme="light"] .theme-option:hover,
html[data-theme="light"] .theme-option:focus-visible {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(138, 109, 66, 0.28);
}

html[data-theme="light"] .genre-chip--filter {
  color: #ffffff;
  background: linear-gradient(180deg, #9a7b4f 0%, #7d6238 100%);
  border-color: rgba(125, 98, 56, 0.55);
}

html[data-theme="light"] .genre-chip--filter .genre-chip__remove:hover {
  background: rgba(255, 255, 255, 0.14);
}

html[data-theme="light"] .genre-chip--secondary {
  color: #ffffff;
  background: linear-gradient(180deg, #9a7b4f 0%, #7d6238 100%);
  border-color: rgba(125, 98, 56, 0.55);
}

html[data-theme="light"] .genre-chip--secondary .genre-chip__remove:hover {
  background: rgba(255, 255, 255, 0.14);
}

html[data-theme="light"] .gate__toggle-password:hover,
html[data-theme="light"] .gate__toggle-password:focus-visible {
  background: rgba(0, 0, 0, 0.06);
}