/* ── Light Theme ── */
html.theme-light {
  --black: #f0ede6;
  --deep:  #e6e2db;
  --card:  #faf8f4;
  --panel: #f0ede6;
  --gold:  #8c6200;
  --amber: #a04a08;
  --crimson:#902030;
  --ice:   #1a5a88;
  --white: #1a1a22;
  --mid:   #c8c4b8;
  --mid2:  #dedad2;
  --dim:   rgba(26,26,34,0.55);
  --green: #1a7a40;
  --purple:#7030c0;
  --cell-off:    rgba(0,0,0,.12);
  --cell-off-4:  rgba(0,0,0,.18);
  --cell-off-bd: rgba(0,0,0,.30);
  --sect-bg:     var(--card);
}

/* Body */
html.theme-light body { background: var(--black) !important; color: var(--white) !important; font-weight: 500 !important; }
html.theme-light body::before { opacity:0 !important; }

/* Topnav & bottom nav */
html.theme-light .topnav { background:rgba(240,237,230,.97) !important; border-bottom:1px solid var(--mid) !important; box-shadow:0 2px 10px rgba(0,0,0,.1) !important; }
html.theme-light .bottom-nav { background:rgba(240,237,230,.98) !important; border-top:1px solid var(--mid) !important; }
html.theme-light .bnav-item { color: rgba(26,26,34,.4) !important; }
html.theme-light .bnav-item:hover { color: rgba(26,26,34,.7) !important; }

/* Auth bar (all pages) */
html.theme-light .auth-user-wrap { background: var(--deep) !important; border-color: rgba(140,98,0,.5) !important; }
html.theme-light .auth-name { color: var(--white) !important; }
html.theme-light .auth-sign-btn { background: rgba(230,226,219,.9) !important; }
html.theme-light .auth-out-btn { color: rgba(26,26,34,.45) !important; border-color: rgba(26,26,34,.2) !important; }
html.theme-light .auth-avatar,
html.theme-light .auth-av { border-color: var(--gold) !important; }
/* index.html inline-style auth bar */
html.theme-light #authBar .auth-user-wrap { background: var(--deep) !important; border-color: rgba(140,98,0,.5) !important; }
html.theme-light #authBar .auth-name { color: var(--white) !important; }
html.theme-light #authBar .auth-out-btn { color: rgba(26,26,34,.4) !important; }

/* Banner */
html.theme-light .banner { background:linear-gradient(135deg,#e6e2db,#d8d4cc,#ddd6cc) !important; }

/* Profile cover gradient — warmer, less harsh in light */
html.theme-light .profile-cover { background:linear-gradient(135deg,#6a2040 0%,#a03050 40%,#c06840 100%) !important; }

/* Cards & panels */
html.theme-light .pcard,
html.theme-light .sc,
html.theme-light .mcard,
html.theme-light .profile-card,
html.theme-light .chat-panel,
html.theme-light .post-card,
html.theme-light .reply-body,
html.theme-light .activity-item {
  background: var(--card) !important;
  border-color: var(--mid2) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
}

/* Profile card elements */
html.theme-light .profile-stats { border-color: var(--mid2) !important; }
html.theme-light .pstat { border-color: var(--mid2) !important; }
html.theme-light .pstat-val { color: var(--gold) !important; }
html.theme-light .pstat-lbl { color: rgba(26,26,34,.45) !important; }
html.theme-light .profile-name { color: var(--white) !important; }
html.theme-light .profile-about { color: rgba(26,26,34,.7) !important; }
html.theme-light .profile-joined { color: rgba(26,26,34,.4) !important; }
html.theme-light .edit-form { border-color: var(--mid2) !important; }
html.theme-light .ef-input, html.theme-light .ef-ta { background: rgba(0,0,0,.05) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .ef-label { color: var(--gold) !important; }
html.theme-light .admin-title-panel { border-color: var(--mid2) !important; }
html.theme-light .settings-btn { background:rgba(0,0,0,.04) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .settings-btn:hover { background:rgba(0,0,0,.08) !important; }
html.theme-light .settings-panel { border-color: var(--mid2) !important; }
html.theme-light .settings-row-label { color: var(--white) !important; }
html.theme-light .settings-row-sub { color: var(--dim) !important; }
html.theme-light .theme-btn { background:rgba(0,0,0,.04) !important; border-color: var(--mid) !important; color: rgba(26,26,34,.7) !important; }
html.theme-light .theme-btn:hover,
html.theme-light .theme-btn.active { border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .edit-btn { border-color: rgba(140,98,0,.5) !important; }
html.theme-light .msg-btn { border-color: rgba(26,90,136,.5) !important; color: var(--ice) !important; }
html.theme-light .genre-tag { background: rgba(140,98,0,.08) !important; border-color: rgba(140,98,0,.3) !important; color: var(--gold) !important; }

/* Activity section */
html.theme-light .activity-title { color: rgba(26,26,34,.45) !important; border-bottom-color: var(--mid2) !important; }
html.theme-light .activity-item { border-color: var(--mid2) !important; }
html.theme-light .activity-item:hover { background: var(--deep) !important; }
html.theme-light .activity-item-title { color: var(--white) !important; }
html.theme-light .activity-item-meta { color: var(--dim) !important; }

/* ── Chat panel (light mode) ── */
html.theme-light .chat-panel-hdr { background: var(--deep) !important; border-bottom-color: var(--mid) !important; }
html.theme-light .chat-panel-title { color: var(--gold) !important; }
html.theme-light .chat-sidebar { background: var(--deep) !important; border-right-color: var(--mid) !important; }
html.theme-light .chat-search { background: rgba(0,0,0,.06) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .chat-search::placeholder { color: rgba(26,26,34,.45) !important; }
html.theme-light .chat-search-wrap { border-bottom-color: var(--mid) !important; }
html.theme-light .chat-thread { border-bottom-color: var(--mid2) !important; }
html.theme-light .chat-thread:hover { background: rgba(0,0,0,.05) !important; }
html.theme-light .chat-thread.active { background: rgba(26,90,136,.1) !important; border-left-color: var(--ice) !important; }
html.theme-light .chat-thread-name { color: var(--white) !important; }
html.theme-light .chat-thread-prev { color: rgba(26,26,34,.55) !important; }
html.theme-light .chat-thread-av { border-color: var(--mid) !important; }
html.theme-light .chat-main-hdr { background: var(--deep) !important; border-bottom-color: var(--mid) !important; }
html.theme-light .chat-main-name { color: var(--white) !important; }
html.theme-light .chat-main-av { border-color: var(--mid) !important; }
html.theme-light .chat-msgs { background: var(--card) !important; }
/* Other person's messages: warm beige bubble, dark text */
html.theme-light .chat-msg:not(.mine) .chat-msg-text { background: var(--deep) !important; border-color: var(--mid) !important; color: var(--white) !important; }
/* Own messages: solid dark blue bubble, white text */
html.theme-light .chat-msg.mine .chat-msg-text { background: linear-gradient(135deg,#1a6090,#154878) !important; border-color: #1a6090 !important; color: #fff !important; }
html.theme-light .chat-msg-time { color: rgba(26,26,34,.4) !important; }
/* Empty state visible in light too */
html.theme-light .chat-empty-state { color: rgba(26,26,34,.5) !important; }
html.theme-light .chat-input-wrap { background: var(--deep) !important; border-top-color: var(--mid) !important; }
html.theme-light .chat-input { background: rgba(0,0,0,.06) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .chat-input::placeholder { color: rgba(26,26,34,.4) !important; }
html.theme-light .chat-send-btn { background: linear-gradient(135deg,rgba(26,90,136,.2),rgba(26,90,136,.1)) !important; border-color: rgba(26,90,136,.4) !important; color: var(--ice) !important; }
html.theme-light .chat-search-results { background: var(--card) !important; border-color: var(--mid) !important; }
html.theme-light .chat-search-result { border-bottom-color: var(--mid2) !important; color: var(--white) !important; }
html.theme-light .chat-search-result:hover { background: var(--deep) !important; }

/* Post cards */
html.theme-light .pcard { border-color: var(--mid2) !important; }
html.theme-light .pcard:hover { background: var(--deep) !important; }
html.theme-light .pcard-title { color: var(--white) !important; }
html.theme-light .pcard-text { color: rgba(26,26,34,.72) !important; }
html.theme-light .pcard-author,
html.theme-light .pcard-date { color: rgba(26,26,34,.5) !important; }
html.theme-light .post-body { color: rgba(26,26,34,.82) !important; }
html.theme-light .post-title { color: var(--white) !important; }
html.theme-light .post-card { border-color: var(--mid2) !important; }

/* Notifications */
html.theme-light .notif-panel { background: var(--card) !important; border-color: var(--mid) !important; }
html.theme-light .notif-panel-head { border-bottom-color: var(--mid2) !important; }
html.theme-light .notif-panel-title { color: var(--white) !important; }
html.theme-light .notif-read-all { color: rgba(26,26,34,.45) !important; }
html.theme-light .notif-item { border-bottom-color: var(--mid2) !important; color: var(--white) !important; }
html.theme-light .notif-item:hover { background: var(--deep) !important; }
html.theme-light .notif-item-text { color: rgba(26,26,34,.8) !important; }
html.theme-light .notif-item-time { color: rgba(26,26,34,.45) !important; }
html.theme-light .notif-empty { color: rgba(26,26,34,.45) !important; }
html.theme-light .notif-del-btn { color: rgba(26,26,34,.35) !important; }

/* Sidebar (forum) */
html.theme-light .sc { background: var(--card) !important; }
html.theme-light .sc-body,
html.theme-light .sc-rules li { color: rgba(26,26,34,.75) !important; }
html.theme-light .sc-stat { color: var(--white) !important; }

/* Members */
html.theme-light .mcard { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .mcard:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1) !important; }
html.theme-light .mcard-name { color: var(--white) !important; }
html.theme-light .mcard-role { color: var(--dim) !important; }
html.theme-light .member-name { color: var(--white) !important; }

/* Forms & inputs */
html.theme-light input,
html.theme-light textarea,
html.theme-light select {
  background: rgba(0,0,0,.05) !important;
  border-color: var(--mid) !important;
  color: var(--white) !important;
}
html.theme-light input::placeholder,
html.theme-light textarea::placeholder { color: rgba(26,26,34,.4) !important; }

/* Nav links */
html.theme-light .nav-link { color: rgba(26,26,34,.7) !important; }
html.theme-light .nav-link:hover,
html.theme-light .nav-link.active { color: var(--white) !important; }
html.theme-light .bnav-item { color: rgba(26,26,34,.55) !important; }
html.theme-light .bnav-item.active { color: var(--gold) !important; }

/* Reply section */
html.theme-light .reply-body { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .reply-text { color: rgba(26,26,34,.8) !important; }
html.theme-light .reply-author { color: var(--white) !important; }
html.theme-light .reply-date { color: rgba(26,26,34,.45) !important; }

/* ── index.html overrides ── */
html.theme-light .card { background: var(--card) !important; border-color: var(--mid2) !important; color: var(--white) !important; }
/* Stats */
html.theme-light .stats { border-color: var(--mid2) !important; }
html.theme-light .stat { border-color: var(--mid2) !important; }
/* Feedback / testimonials */
html.theme-light .feedback-section { background: rgba(0,0,0,.04) !important; border-color: var(--mid2) !important; }
html.theme-light .feedback-header { border-bottom-color: var(--mid2) !important; }
html.theme-light .feedback-title { color: rgba(26,26,34,.6) !important; }
html.theme-light .count-label { color: var(--dim) !important; }
html.theme-light .testimonial { background: rgba(0,0,0,.04) !important; }
html.theme-light .testimonial-text { color: rgba(26,26,34,.7) !important; }
html.theme-light .testimonial-author { color: var(--gold) !important; }
/* Comment form */
html.theme-light .comment-form { border-top-color: var(--mid2) !important; }
html.theme-light .comment-form-title { color: var(--dim) !important; }
html.theme-light .comment-input,
html.theme-light .comment-textarea { background: rgba(0,0,0,.05) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .comment-btn { border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .comment-btn:hover { background: var(--gold) !important; color: var(--black) !important; }
/* Footer */
html.theme-light .footer { color: rgba(26,26,34,.4) !important; border-top-color: var(--mid2) !important; }
/* Curriculum / module */
html.theme-light .curriculum { border-color: var(--mid2) !important; }
html.theme-light .module { background: rgba(0,0,0,.03) !important; border-color: var(--mid2) !important; }
html.theme-light .module:hover { border-color: var(--gold) !important; }
html.theme-light .module-title { color: var(--white) !important; }
html.theme-light .module-level { color: var(--dim) !important; }
html.theme-light .module-topics li { color: rgba(26,26,34,.65) !important; }
html.theme-light .curriculum-intro { color: rgba(26,26,34,.7) !important; }
/* svc-contact */
html.theme-light .svc-contact { color: var(--ice) !important; }
html.theme-light .svc-list li { color: rgba(26,26,34,.65) !important; }
html.theme-light .accent-bar { opacity: .6; }
html.theme-light .section-title { color: var(--amber) !important; }
html.theme-light .class-label { color: var(--amber) !important; }
html.theme-light .name { color: var(--white) !important; }
html.theme-light .ig-link { color: var(--ice) !important; border-bottom-color: rgba(26,90,136,.4) !important; }
/* Timeline */
html.theme-light .tl-right { border-left-color: var(--mid) !important; }
html.theme-light .tl-title { color: var(--white) !important; }
html.theme-light .tl-desc { color: rgba(26,26,34,.65) !important; }
html.theme-light .tl-right::before { border-color: var(--deep) !important; }
/* Training */
html.theme-light .training { border-color: var(--mid2) !important; }
html.theme-light .training-title { color: var(--white) !important; }
html.theme-light .training-sub { color: var(--dim) !important; }
html.theme-light .training-desc { color: rgba(26,26,34,.7) !important; }
html.theme-light .feat { color: rgba(26,26,34,.7) !important; }
html.theme-light .preset-highlight { background: rgba(140,98,0,.06) !important; border-color: rgba(140,98,0,.3) !important; }
html.theme-light .preset-text { color: rgba(26,26,34,.7) !important; }
html.theme-light .tutorial-btn { border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .tutorial-btn:hover { background: var(--gold) !important; color: var(--black) !important; }
/* Services */
html.theme-light .services { border-color: var(--mid2) !important; }
html.theme-light .svc-card { background: rgba(0,0,0,.03) !important; border-color: var(--mid2) !important; }
html.theme-light .svc-card:hover { border-color: rgba(140,98,0,.4) !important; background: rgba(140,98,0,.03) !important; }
html.theme-light .svc-desc { color: rgba(26,26,34,.65) !important; }
/* Bio section */
html.theme-light .bio-section { border-color: var(--mid2) !important; }
html.theme-light .bio-lead { color: var(--white) !important; border-left-color: var(--gold) !important; }
html.theme-light .bio-body p { color: rgba(26,26,34,.7) !important; }
/* Video overlay — text must stay light (video behind is always dark) */
html.theme-light .live-video-title { color: #eeebe6 !important; }
html.theme-light .live-video-sub { color: rgba(238,235,230,.65) !important; }
html.theme-light .live-video-label { color: rgba(238,235,230,.5) !important; }
/* Forum preview in index */
html.theme-light .forum-preview-item { background: rgba(0,0,0,.03) !important; border-color: var(--mid2) !important; }
html.theme-light .forum-preview-item:hover { border-color: var(--gold) !important; }
html.theme-light .forum-preview-q { color: var(--white) !important; }
html.theme-light .forum-preview-empty,
html.theme-light .forum-preview-login { color: rgba(26,26,34,.4) !important; }
html.theme-light .forum-preview-title { color: var(--gold) !important; }
html.theme-light .forum-goto-btn { color: var(--gold) !important; border-color: rgba(140,98,0,.4) !important; background: rgba(140,98,0,.06) !important; }
html.theme-light .forum-preview-author { color: rgba(140,98,0,.8) !important; }
html.theme-light .badge-answered { color: #1a7a40 !important; background: rgba(0,110,50,.1) !important; border-color: rgba(0,110,50,.25) !important; }
html.theme-light .badge-pending { color: var(--amber) !important; }
/* Daw bar / wave row */
html.theme-light .daw-bar { border-color: var(--mid2) !important; color: rgba(26,26,34,.7) !important; }
html.theme-light .timeline { border-color: var(--mid2) !important; }
html.theme-light .styles { border-color: var(--mid2) !important; }
/* Welcome modal */
html.theme-light .ps-modal-overlay { background: rgba(0,0,0,.5) !important; }
html.theme-light .ps-modal { background: var(--card) !important; border-color: var(--mid2) !important; color: var(--white) !important; }
html.theme-light .ps-feat { background: rgba(0,0,0,.04) !important; border-color: var(--mid2) !important; }
html.theme-light .ps-feat-title { color: var(--gold) !important; }
html.theme-light .ps-feat-desc { color: rgba(26,26,34,.6) !important; }
html.theme-light .ps-modal-sub { color: rgba(26,26,34,.55) !important; }
html.theme-light .ps-modal h3 { color: var(--gold) !important; }
/* index.html card box-shadow depth */
html.theme-light .card { box-shadow: 0 4px 32px rgba(0,0,0,.12) !important; }
/* index.html wave row & training warmth */
html.theme-light .wave-row { background: rgba(140,98,0,.04) !important; border-color: var(--mid2) !important; }
html.theme-light .training { background: rgba(140,98,0,.03) !important; }
/* Testimonials */
html.theme-light .testimonial { background: rgba(0,0,0,.05) !important; border-left-color: var(--amber) !important; }
/* svc-card more visible */
html.theme-light .svc-card { background: rgba(0,0,0,.04) !important; }
/* Tag hover on light bg */
html.theme-light .tag:hover { background: rgba(0,0,0,.04) !important; }
/* Notification bell */
html.theme-light .notif-bell { color: rgba(26,26,34,.5) !important; }
html.theme-light .notif-bell:hover { color: var(--gold) !important; }
/* Bottom nav */
html.theme-light .bottom-nav { background: rgba(240,237,230,.98) !important; box-shadow: 0 -2px 10px rgba(0,0,0,.1) !important; }
html.theme-light .bnav-label { color: inherit !important; }

/* ── site_1.html overrides ── */
html.theme-light .header { background: var(--deep) !important; border-color: var(--mid2) !important; }
html.theme-light .module-card { background: var(--deep) !important; border-color: var(--mid2) !important; color: var(--white) !important; }
html.theme-light .module-card:hover { border-color: var(--gold) !important; }
html.theme-light .module-card-num { color: rgba(26,26,34,.06) !important; }
html.theme-light .synth-container { background: var(--deep) !important; border-color: var(--mid2) !important; }
html.theme-light .control-group { background: rgba(0,0,0,.04) !important; border-color: var(--mid2) !important; }
html.theme-light .control-group h3 { color: var(--gold) !important; }
html.theme-light .slider-label { color: rgba(26,26,34,.6) !important; }
html.theme-light .hint-box { background: rgba(140,98,0,.07) !important; border-color: rgba(140,98,0,.3) !important; color: rgba(26,26,34,.7) !important; }
html.theme-light .task-panel { background: var(--deep) !important; border-color: var(--mid2) !important; }
html.theme-light .task-item { background: rgba(0,0,0,.03) !important; border-color: var(--mid2) !important; }
html.theme-light .task-item:hover { border-color: rgba(140,98,0,.4) !important; background: rgba(140,98,0,.05) !important; }
html.theme-light .task-text { color: rgba(26,26,34,.75) !important; }
html.theme-light .task-progress-bar { background: var(--mid2) !important; }
html.theme-light .theory-card { background: var(--card) !important; border-color: var(--mid) !important; }
html.theme-light .theory-toggle { color: var(--gold) !important; }
html.theme-light .theory-body { color: rgba(26,26,34,.75) !important; border-top-color: var(--mid2) !important; }
html.theme-light .theory-body strong { color: var(--white) !important; }
html.theme-light .preset-btn,
html.theme-light .genre-btn { background: var(--card) !important; border-color: var(--mid2) !important; color: rgba(26,26,34,.65) !important; }
html.theme-light .preset-btn:hover, html.theme-light .genre-btn:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .wave-btn { background: var(--deep) !important; border-color: var(--mid2) !important; color: rgba(26,26,34,.6) !important; }
html.theme-light .wave-btn:hover, html.theme-light .wave-btn.active { background: rgba(140,98,0,.1) !important; border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .adsr-explanation { background: var(--card) !important; border-color: var(--mid) !important; }
html.theme-light .mix-concept { background: #fff !important; border-color: var(--mid) !important; }
html.theme-light .mixer-strip { background: var(--card) !important; }
html.theme-light #moduleNav { background: rgba(240,237,230,.97) !important; border-bottom-color: var(--mid) !important; box-shadow: 0 2px 10px rgba(0,0,0,.1) !important; }
html.theme-light .mnav-item { color: rgba(26,26,34,.45) !important; }
html.theme-light .mnav-item:hover { color: rgba(26,26,34,.8) !important; }
html.theme-light .mnav-item.active { color: var(--gold) !important; }
html.theme-light .topnav-back { color: rgba(26,26,34,.45) !important; }
html.theme-light .back-btn { border-color: var(--mid) !important; color: rgba(26,26,34,.6) !important; }
html.theme-light .back-btn:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
/* Module card status badges */
html.theme-light .status-done { background: rgba(0,110,50,.1) !important; color: #1a7a40 !important; border-color: rgba(0,110,50,.3) !important; }
/* Piano keyboard — white keys must stand out from warm container bg */
html.theme-light .key { background: #ffffff !important; border-color: #a8a090 !important; }
html.theme-light .key:hover { background: #f0e8d0 !important; }
html.theme-light .key.playing { background: var(--gold) !important; }
/* EQ axis labels */
html.theme-light .eq-axis { color: rgba(26,26,34,.35) !important; }
/* Arrangement builder cells handled via CSS vars in site_1.html */
/* Status badges */
html.theme-light .status-idle { background: rgba(0,0,0,.04) !important; border-color: rgba(26,26,34,.15) !important; }
/* (adsr-explanation and mix-concept already defined above) */
/* Mixer strips VU area */
html.theme-light .vu-wrap { background: rgba(0,0,0,.12) !important; }
/* filter section */
html.theme-light .filter-section { background: rgba(184,45,69,.04) !important; }

/* Scrollbars */
html.theme-light ::-webkit-scrollbar-track { background: var(--deep) !important; }
html.theme-light ::-webkit-scrollbar-thumb { background: var(--mid) !important; }

/* ── Light mode font weight (Space Mono 400 is too thin on light bg) ── */
html.theme-light .pcard-title,
html.theme-light .post-title,
html.theme-light .profile-name,
html.theme-light .tl-title,
html.theme-light .mcard-name,
html.theme-light .member-name { font-weight: 700; }
html.theme-light .pcard-text,
html.theme-light .reply-text,
html.theme-light .post-body,
html.theme-light .profile-about,
html.theme-light .sc-body,
html.theme-light .activity-item-title,
html.theme-light .chat-thread-name,
html.theme-light .tl-desc { font-weight: 600; }
html.theme-light .nav-link,
html.theme-light .auth-name { font-weight: 700; }

/* ── Education teaser (index.html light mode) ── */
html.theme-light .egitim-teaser-box { background:rgba(140,98,0,.05) !important; border-color:rgba(140,98,0,.25) !important; }
html.theme-light .egitim-teaser-btn { color:#fff !important; }

/* ── Desktop bottom nav (bigger) ── */
@media(min-width: 768px) {
  .bottom-nav { height: 72px !important; }
  .bnav-icon { font-size: 1.4rem !important; }
  .bnav-label { font-size: .58rem !important; letter-spacing: .06em !important; }
}

/* ── Font Netleştir ── */
html.font-clear {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.font-clear body {
  font-size: 1.1rem;
  letter-spacing: 0.015em;
  line-height: 1.8;
  font-weight: 600;
}

/* Bold + larger across both modes */
html.font-clear .pcard-text,
html.font-clear .reply-text,
html.font-clear .post-body,
html.font-clear .profile-about,
html.font-clear .sc-body p,
html.font-clear .sc-rules li,
html.font-clear .activity-item-title { font-size: 1rem !important; font-weight: 600 !important; line-height: 1.9 !important; }
html.font-clear .pcard-title { font-size: 1.22rem !important; font-weight: 700 !important; }
html.font-clear .profile-name { font-weight: 800 !important; font-size: 1.12rem !important; }
html.font-clear .pcard-author,
html.font-clear .reply-author,
html.font-clear .pcard-date,
html.font-clear .reply-date,
html.font-clear .pcard-goto-btn,
html.font-clear .fbtn,
html.font-clear .mcard-name,
html.font-clear .sc-stat,
html.font-clear .member-name,
html.font-clear .bstat-lbl,
html.font-clear .bnav-label { font-size: 0.85rem !important; font-weight: 700 !important; }
html.font-clear .bnav-icon { font-size: 1.5rem !important; }
html.font-clear .nav-link,
html.font-clear .auth-name { font-weight: 800 !important; font-size: 0.8rem !important; }
html.font-clear .chat-msg-text { font-size: 0.82rem !important; font-weight: 600 !important; line-height: 1.6 !important; }

/* ── new-post.html light mode ── */
html.theme-light .form-card { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .form-section { border-bottom-color: var(--mid2) !important; }
html.theme-light .form-label { color: var(--gold) !important; }
html.theme-light .form-label span { color: rgba(26,26,34,.35) !important; }
html.theme-light .toolbar { background: transparent !important; }
html.theme-light .tb-btn { background: var(--mid2) !important; border-color: var(--mid) !important; color: rgba(26,26,34,.65) !important; }
html.theme-light .tb-btn:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .cat-chip { background: var(--mid2) !important; border-color: var(--mid) !important; color: rgba(26,26,34,.65) !important; }
html.theme-light .cat-chip.active { background: rgba(140,98,0,.1) !important; border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .preview-box { background: rgba(0,0,0,.06) !important; border-color: var(--mid) !important; color: var(--white) !important; }
html.theme-light .preview-toggle { color: rgba(26,26,34,.55) !important; }
html.theme-light .form-actions { background: rgba(0,0,0,.04) !important; }
html.theme-light .posting-as { color: rgba(26,26,34,.35) !important; }
html.theme-light .btn-cancel { border-color: var(--mid) !important; color: rgba(26,26,34,.6) !important; }
html.theme-light .btn-cancel:hover { border-color: var(--gold) !important; color: var(--white) !important; }
html.theme-light .login-wall h2 { color: var(--gold) !important; }
html.theme-light .login-wall p { color: var(--dim) !important; }

/* ── post.html light mode ── */
html.theme-light .post-header { border-bottom-color: var(--mid2) !important; }
html.theme-light .author-name { color: var(--gold) !important; }
html.theme-light .author-meta { color: rgba(26,26,34,.4) !important; }
html.theme-light .post-actions { border-top-color: var(--mid2) !important; }
html.theme-light .replies-section .replies-header { border-bottom-color: var(--mid2) !important; color: rgba(26,26,34,.5) !important; }
html.theme-light .reply-card .reply-body { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .reply-author-row { border-bottom-color: var(--mid2) !important; }
html.theme-light .reply-avatar, html.theme-light .reply-avatar-ph { border-color: var(--mid) !important; }
html.theme-light .reply-date { color: rgba(26,26,34,.4) !important; }
html.theme-light .reply-form-card { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .reply-form-title { color: var(--gold) !important; }
html.theme-light .login-hint { color: var(--dim) !important; }
html.theme-light .inline-edit-wrap { border-top-color: var(--mid2) !important; }

/* ── ders-ableton.html light mode ── */
html.theme-light .card { background: var(--card) !important; border-color: var(--mid2) !important; }
html.theme-light .top-bar { background: rgba(0,0,0,.04) !important; border-bottom-color: var(--mid2) !important; }
html.theme-light .back-link { color: rgba(26,26,34,.55) !important; }
html.theme-light .back-link:hover { color: var(--gold) !important; }
html.theme-light .breadcrumb { color: rgba(26,26,34,.35) !important; }
html.theme-light .lesson-title { color: var(--white) !important; }
html.theme-light .lesson-title span { color: var(--gold) !important; }
html.theme-light .meta-item { color: rgba(26,26,34,.55) !important; }
html.theme-light .module-tag { color: var(--amber) !important; border-color: rgba(160,74,8,.4) !important; }
html.theme-light .content-block { border-top-color: var(--mid2) !important; }
html.theme-light .content-block-title { color: var(--gold) !important; }
html.theme-light .content { color: rgba(26,26,34,.75) !important; }
html.theme-light .topic-list li { color: rgba(26,26,34,.7) !important; border-bottom-color: var(--mid2) !important; }
html.theme-light .cta-bar { background: rgba(140,98,0,.06) !important; border-top-color: var(--mid2) !important; }
html.theme-light .cta-text { color: rgba(26,26,34,.7) !important; }
html.theme-light .cta-btn { background: var(--gold) !important; color: var(--black) !important; }
html.theme-light .cta-btn-neon { background: transparent !important; border-color: var(--gold) !important; color: var(--gold) !important; }
html.theme-light .pack-bar { background: rgba(0,0,0,.03) !important; border-color: var(--mid2) !important; }
html.theme-light .pack-title { color: var(--white) !important; }
html.theme-light .pack-sub { color: var(--dim) !important; }
html.theme-light .video-container { border-color: var(--mid2) !important; }

/* ── Solved / green badge overrides (forum, post) ── */
html.theme-light .solved-badge { color: #1a7a40 !important; background: rgba(0,110,50,.1) !important; border-color: rgba(0,110,50,.3) !important; }
html.theme-light .pcard-solve-btn { color: rgba(0,110,50,.7) !important; border-color: rgba(0,110,50,.35) !important; }
html.theme-light .pcard-solve-btn:hover,
html.theme-light .pcard-solve-btn.active { color: #1a7a40 !important; background: rgba(0,110,50,.1) !important; border-color: rgba(0,110,50,.5) !important; }
html.theme-light .badge-solved { color: #1a7a40 !important; background: rgba(0,110,50,.1) !important; border-color: rgba(0,110,50,.3) !important; }
html.theme-light .solve-btn { color: rgba(0,110,50,.7) !important; border-color: rgba(0,110,50,.35) !important; }
html.theme-light .solve-btn:hover,
html.theme-light .solve-btn.active { color: #1a7a40 !important; background: rgba(0,110,50,.1) !important; border-color: rgba(0,110,50,.5) !important; }
/* Code blocks in post body */
html.theme-light .post-body code { background: rgba(0,0,0,.07) !important; color: #1a7a40 !important; }
/* Collab filter button */
html.theme-light .fbtn.collab-active { color: #1a7a40 !important; border-color: rgba(0,110,50,.5) !important; background: rgba(0,110,50,.08) !important; }
/* forum/members title colors handled inline via JS (TITLES _isLight) */
/* Mobile nav in index (style.css #mobileBar) */
html.theme-light #mobileBar { background: rgba(240,237,230,.98) !important; border-top-color: var(--mid) !important; }
html.theme-light #mobileBar a { color: rgba(26,26,34,.5) !important; border-right-color: var(--mid) !important; }
html.theme-light #mobileBar a:active { color: var(--gold) !important; background: rgba(140,98,0,.07) !important; }
/* index.html style.css card mobile dark bg */
html.theme-light #backToTop { background: var(--deep) !important; border-color: var(--gold) !important; color: var(--white) !important; }