/*
 * Light mode — applied when <html data-theme="light"> (button "Cambiar tema").
 * Overrides the reference palette (catalog.css) and the theme extras (style.css).
 * Accent stays #ed1e79; pink TEXT uses a darker shade (#c8155f) for contrast on white.
 */

html[data-theme="light"] {
	color-scheme: light;
	--catalog-bg: #f5f5f7;
	--catalog-surface: #ffffff;
	--catalog-raised: #ececf1;
	--catalog-line: #dcdce3;
	--catalog-text: #18181d;
	--catalog-secondary: #4a4a55;
	--catalog-muted: #6d6d79;
	--catalog-lead: #0f0f13;
	--lt-pink-text: #c8155f;
	--lt-pink-strong: #d6176c;
	background: #f5f5f7;
}
html[data-theme="light"] body { background: var(--catalog-bg); color: var(--catalog-text); }

/* ---------- Chrome ---------- */
html[data-theme="light"] .site-topbar { background: #f5f5f7f0; border-bottom-color: #0000000f; }
html[data-theme="light"] .chrome-button:hover { color: var(--catalog-lead); }
html[data-theme="light"] .search-submit:hover { color: var(--catalog-lead); background: #0000000a; }
html[data-theme="light"] .topbar-ai-link { color: var(--lt-pink-text); }
html[data-theme="light"] .topbar-ai-link:hover { color: #a50f4e; }
html[data-theme="light"] .desktop-sidebar,
html[data-theme="light"] .mobile-drawer { background: #ffffff; border-right-color: #0000000d; }
html[data-theme="light"] .nav-groups { scrollbar-color: #d4d4dc transparent; }
html[data-theme="light"] .nav-caption { color: #7a7a86; }
html[data-theme="light"] .nav-entry:hover { color: var(--catalog-lead); background: #0000000a; }
html[data-theme="light"] .nav-entry.is-active { color: var(--catalog-lead); background: #ed1e7914; }
html[data-theme="light"] .nav-entry.is-active .nav-symbol { color: var(--lt-pink-strong); }
html[data-theme="light"][data-sidebar="collapsed"] #desktop-sidebar .nav-caption { background: #0000000f; }
html[data-theme="light"] .site-app :is(a, button):focus-visible { outline-color: var(--lt-pink-strong); }
html[data-theme="light"] .drawer-overlay { background: rgba(20, 20, 25, .35); }

/* ---------- Footer ---------- */
html[data-theme="light"] .site-footer { background: #ffffff; }
html[data-theme="light"] .site-footer-brand-link { color: var(--catalog-lead); }
html[data-theme="light"] .site-footer-age { color: #a50f4e; }
html[data-theme="light"] .site-footer-column a:hover { color: var(--lt-pink-text); }
html[data-theme="light"] .site-footer-bar { border-top-color: #0000000f; }

/* ---------- Catalog ---------- */
html[data-theme="light"] .catalog-header h1,
html[data-theme="light"] .series-info h1,
html[data-theme="light"] .not-found h1 { color: var(--catalog-lead); }
html[data-theme="light"] .genre-chip:hover { color: var(--catalog-lead); }
html[data-theme="light"] .genre-chip-all { color: var(--lt-pink-text); }
html[data-theme="light"] .catalog-tabs { background: #ffffff; border-color: #00000012; }
html[data-theme="light"] .catalog-tabs a:hover { color: var(--catalog-lead); }
html[data-theme="light"] .catalog-tabs a[aria-current] { color: var(--catalog-lead); background: #ececf1; box-shadow: 0 1px 2px #0000001a; }
html[data-theme="light"] .catalog-poster { border-color: #00000012; }
html[data-theme="light"] .poster-placeholder { color: #6d6d7966; background: linear-gradient(140deg, #ececf1, #e2e2e8); }
html[data-theme="light"] .catalog-title { color: #1f1f25; }
html[data-theme="light"] .catalog-pager a:hover { color: var(--catalog-lead); }
@media (hover: hover) {
	html[data-theme="light"] .catalog-card-link:hover .catalog-poster { box-shadow: 0 12px 24px #00000022; }
}
html[data-theme="light"] .term-card,
html[data-theme="light"] .chapter-item a { color: #1f1f25; border-color: #00000012; }
html[data-theme="light"] .chapter-item svg { color: var(--lt-pink-strong); }
html[data-theme="light"] .border-white\/8 { border-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .text-white\/60 { color: rgba(24, 24, 29, .68); }
html[data-theme="light"] .entry-content h2,
html[data-theme="light"] .entry-content h3 { color: var(--catalog-lead); }
html[data-theme="light"] .entry-content a { color: var(--lt-pink-text); }

/* ---------- Series + reader ---------- */
html[data-theme="light"] .series-hero { border-color: #00000012; }
html[data-theme="light"] .series-hero-bg { opacity: .14; }
html[data-theme="light"] .series-cover { border-color: #00000012; background: linear-gradient(140deg, #ececf1, #e2e2e8); box-shadow: 0 16px 40px #00000026; }
html[data-theme="light"] .series-kicker { color: var(--lt-pink-text); }
html[data-theme="light"] .stat-pill { background: #f5f5f7cc; }
html[data-theme="light"] a.stat-pill:hover { color: var(--catalog-lead); }
html[data-theme="light"] .reader-breadcrumb a:hover { color: var(--lt-pink-text); }
html[data-theme="light"] .back-to-top { color: var(--catalog-lead); }
html[data-theme="light"] .back-to-top:hover { color: #ffffff; }
html[data-theme="light"] .not-found-code { color: var(--lt-pink-strong); }
html[data-theme="light"] .not-found .lead { color: rgba(24, 24, 29, .55); }

/* ---------- Buttons / action bar / share ---------- */
html[data-theme="light"] .btn,
html[data-theme="light"] .account-button.secondary { background: #ececf1; border-color: #d4d4dc; color: #1f1f25; }
html[data-theme="light"] .btn:hover,
html[data-theme="light"] .account-button.secondary:hover { background: #e2e2e8; }
html[data-theme="light"] .btn-primary { background: var(--catalog-pink); border-color: transparent; color: #ffffff; }
html[data-theme="light"] .btn-primary:hover { background: #d31869; }
html[data-theme="light"] .act-btn:hover { color: var(--catalog-lead); border-color: #c9c9d2; }
html[data-theme="light"] .act-btn[aria-pressed="true"],
html[data-theme="light"] .act-btn.is-on { color: var(--lt-pink-text); background: #ed1e7912; border-color: #ed1e7960; }
html[data-theme="light"] .act-btn.is-copied { color: #12784f; background: #34d39914; border-color: #34d39960; }
html[data-theme="light"] .act-btn--muted { background: transparent; border-color: transparent; }
html[data-theme="light"] .act-btn--muted:hover { color: #b4233d; background: #ef444412; border-color: #ef444440; }
html[data-theme="light"] .share-menu { background: #ffffff; border-color: #dcdce3; box-shadow: 0 18px 50px rgba(0, 0, 0, .16); }
html[data-theme="light"] .share-item:hover,
html[data-theme="light"] .share-item:focus-visible { color: var(--catalog-lead); }

/* ---------- Account menu + account pages ---------- */
html[data-theme="light"] .account-trigger:hover { color: var(--lt-pink-text); }
html[data-theme="light"] .account-avatar { color: var(--lt-pink-text); border-color: #00000014; }
html[data-theme="light"] .account-dropdown { background: #ffffff; border-color: #dcdce3; box-shadow: 0 18px 50px rgba(0, 0, 0, .16); }
html[data-theme="light"] .account-dropdown [data-slot="dropdown-menu-item"]:hover,
html[data-theme="light"] .account-dropdown [data-slot="dropdown-menu-item"]:focus-visible { color: var(--catalog-lead); }
html[data-theme="light"] .account-dropdown [data-slot="dropdown-menu-separator"] { background: #0000000f; }
html[data-theme="light"] .account-menu-id span { color: var(--catalog-muted); }
html[data-theme="light"] .account-auth-card,
html[data-theme="light"] .age-gate-card { background: #ffffff; border-color: #00000012; box-shadow: 0 16px 60px #00000014; }
html[data-theme="light"] .account-hero-icon,
html[data-theme="light"] .account-eyebrow { color: var(--lt-pink-text); }
html[data-theme="light"] .account-field,
html[data-theme="light"] .comment-form label { color: #2a2a31; }
html[data-theme="light"] .account-field input,
html[data-theme="light"] .account-field textarea,
html[data-theme="light"] .comment-form input[type="text"],
html[data-theme="light"] .comment-form input[type="email"],
html[data-theme="light"] .comment-form input[type="url"],
html[data-theme="light"] .comment-form textarea,
html[data-theme="light"] .report-reason { background: #f5f5f7; border-color: #d4d4dc; color: var(--catalog-lead); }
html[data-theme="light"] .account-field input::placeholder,
html[data-theme="light"] .account-field textarea::placeholder { color: #8b8b96; }
html[data-theme="light"] .account-field small,
html[data-theme="light"] .account-hint,
html[data-theme="light"] .account-form-footer,
html[data-theme="light"] .account-library-toolbar p,
html[data-theme="light"] .account-library-remove,
html[data-theme="light"] .account-library-empty p,
html[data-theme="light"] .comment-notes,
html[data-theme="light"] .logged-in-as { color: var(--catalog-muted); }
html[data-theme="light"] .account-form-footer { border-top-color: #0000000f; }
html[data-theme="light"] .account-password button { color: #7a7a86; }
html[data-theme="light"] .account-password button:hover { color: var(--catalog-lead); }
html[data-theme="light"] .account-check,
html[data-theme="light"] .comment-form .comment-form-cookies-consent { color: #3d3d46; }
html[data-theme="light"] .account-form-options a,
html[data-theme="light"] .account-form-footer a,
html[data-theme="light"] .reply a,
html[data-theme="light"] .logged-in-as a,
html[data-theme="light"] .account-library-empty > svg { color: var(--lt-pink-text); }
html[data-theme="light"] .account-message.is-error { color: #b4233d; background: #ff81980f; border-color: #e0577040; }
html[data-theme="light"] .account-message.is-success { color: #12784f; background: #34d39912; border-color: #34d39950; }
html[data-theme="light"] .account-library-empty { border-color: #dcdce3; }
html[data-theme="light"] .account-library-remove:hover { color: #b4233d; }

/* ---------- Report dialog, comments, age gate ---------- */
html[data-theme="light"] .report-dialog::backdrop { background: rgba(20, 20, 25, .45); }
html[data-theme="light"] .report-reason:hover { border-color: #b9b9c3; }
html[data-theme="light"] .report-reason:has(input:checked) { color: var(--catalog-lead); background: #ed1e7910; border-color: #ed1e7980; }
html[data-theme="light"] .comment-body,
html[data-theme="light"] .comment-respond { border-color: #00000012; }
html[data-theme="light"] .age-gate { background: rgba(245, 245, 247, .96); }