/* Sarmaya Labs — shared light theme. Dark remains the native default. */
:root[data-theme="light"] {
  color-scheme: light;
  --theme-bg: #f3f6f2;
  --theme-surface: #ffffff;
  --theme-surface-2: #edf2ed;
  --theme-surface-3: #e4ebe5;
  --theme-line: #d7e0d8;
  --theme-line-strong: #c2cec4;
  --theme-text: #1d2a22;
  --theme-muted: #647267;
  --theme-dim: #829087;
  --theme-shadow: 0 16px 42px rgba(28, 48, 33, .08);
}
:root[data-theme="light"] body { background: var(--theme-bg) !important; color: var(--theme-text) !important; }
:root[data-theme="light"] ::selection { background: rgba(93,137,44,.2); color: #17251b; }

/* Shared navigation and persistent theme control. */
:root[data-theme="light"] .topbar {
  background: rgba(255,255,255,.94) !important;
  border-bottom-color: #dce5dc !important;
  color: #1c2b21 !important;
  box-shadow: 0 5px 20px rgba(25,45,30,.035);
}
:root[data-theme="light"] .topbar .brand { color: #1d2b22; }
:root[data-theme="light"] .topbar .navlinks { color: #56675b !important; }
:root[data-theme="light"] .topbar .navlinks a:hover { color: #345b29 !important; }
:root[data-theme="light"] .topbar .navlinks.is-open {
  background: #fff !important; border-color: #d7e0d8 !important;
  box-shadow: 0 18px 42px rgba(30,48,34,.14) !important;
}
:root[data-theme="light"] .topbar .navlinks a:hover { background: #eef4ed; }
:root[data-theme="light"] .mobile-nav-toggle,
:root[data-theme="light"] .home-menu-toggle {
  background: #f4f7f3 !important; color: #26372b !important; border-color: #cbd8cc !important;
}
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 38px; padding: 0 12px; border: 1px solid rgba(173,195,177,.34);
  border-radius: 9px; background: rgba(255,255,255,.055); color: #eaf2e7;
  font: inherit; font-size: 10px; font-weight: 900; letter-spacing: .035em;
  cursor: pointer; white-space: nowrap;
  transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.theme-toggle:hover { transform: translateY(-1px); border-color: #9bb779; }
.theme-toggle-icon { font-size: 16px; line-height: 1; }
.theme-toggle-floating {
  position: fixed; z-index: 200; top: 16px; right: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
:root[data-theme="light"] .theme-toggle { color: #26372b; background: #f3f7f1; border-color: #cfdbce; }
:root[data-theme="light"] .theme-toggle:hover { background: #e8f0e3; border-color: #91ad78; }
:root[data-theme="light"] .footer { background: #eaf0ea !important; border-color: #d5dfd6 !important; color: #66746a !important; }
:root[data-theme="light"] .footer .textlink { color: #355b2e !important; }
:root[data-theme="light"] .faq h2,
:root[data-theme="light"] .faq h3 { color: #243329 !important; border-color: #d8e1d9 !important; }
:root[data-theme="light"] .faq p { color: #5f6e63 !important; }
:root[data-theme="light"] .workspace,
:root[data-theme="light"] .sidecard,
:root[data-theme="light"] .clip-panel {
  background: #fff !important; border-color: #d8e1d9 !important;
  color: #26362b !important; box-shadow: 0 10px 28px rgba(31,49,35,.055) !important;
}
:root[data-theme="light"] .workspace h1,
:root[data-theme="light"] .workspace h2,
:root[data-theme="light"] .workspace h3,
:root[data-theme="light"] .sidecard h2,
:root[data-theme="light"] .sidecard h3 { color: #213127 !important; }
:root[data-theme="light"] .workspace p,
:root[data-theme="light"] .sidecard p,
:root[data-theme="light"] .sidecard ul { color: #627166 !important; }
:root[data-theme="light"] .field > span { color: #34473a !important; }
:root[data-theme="light"] .field textarea,
:root[data-theme="light"] .field input,
:root[data-theme="light"] .field select {
  background: #fbfdfb !important; border-color: #cbd8cd !important; color: #203027 !important;
}
:root[data-theme="light"] .field textarea::placeholder,
:root[data-theme="light"] .field input::placeholder { color: #89968c !important; }
:root[data-theme="light"] .output { background: #f0f4ef !important; border-color: #d1dcd2 !important; color: #25372a !important; }
:root[data-theme="light"] .note { background: #eff6e8 !important; border-color: #d7e6c6 !important; color: #4b633c !important; }
:root[data-theme="light"] .tool-links a { background: #f4f8f1 !important; border-color: #d5e1d0 !important; color: #3e6333 !important; }
:root[data-theme="light"] .small { color: #78877d !important; }
:root[data-theme="light"] .kicker { color: #5f7d3c !important; }

/* Homepage — bright, calm workspace; original tool illustrations remain intact. */
:root[data-theme="light"] .home-page {
  --home-bg: #f3f6f3; --home-panel: #fff; --home-card: #fff; --home-line: #dbe5dc;
  --home-line-soft: #e4ebe5; --home-text: #1c2a22; --home-muted: #596a5f; --home-dim: #77877c;
  --home-lime: #5d852b; --home-blue: #2f8194; --home-violet: #7863a9;
  background: #f3f6f3 !important; color: #1c2a22 !important;
}
:root[data-theme="light"] .home-page .site-header {
  background: rgba(255,255,255,.9) !important; border-color: #dce5dd !important;
  box-shadow: 0 6px 24px rgba(28,48,33,.05);
}
:root[data-theme="light"] .home-page .home-brand-name { color: #1c2c22 !important; }
:root[data-theme="light"] .home-page .home-brand-name > span { color: #5e842b !important; }
:root[data-theme="light"] .home-page .home-nav { color: #53655a !important; }
:root[data-theme="light"] .home-page .home-nav a:hover { color: #345c2a !important; }
:root[data-theme="light"] .home-page .home-nav-cta { background: #edf5e8 !important; border-color: #d0e0c7 !important; color: #36562d !important; }
:root[data-theme="light"] .home-page .home-nav-cta:hover { background: #e2efd8 !important; }
:root[data-theme="light"] .home-page .home-hero {
  background: radial-gradient(ellipse at 84% 14%,rgba(87,153,136,.13),transparent 34%),
    radial-gradient(ellipse at 8% 75%,rgba(128,151,196,.10),transparent 35%),
    linear-gradient(180deg,#f8fbf8 0%,#edf3ef 100%) !important;
  border-color: #dce6dd !important;
}
:root[data-theme="light"] .home-page .home-hero:before {
  opacity: .35;
  background-image: linear-gradient(rgba(74,111,83,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,111,83,.055) 1px,transparent 1px) !important;
}
:root[data-theme="light"] .home-page .home-eyebrow,
:root[data-theme="light"] .home-page .home-section-kicker { color: #597d32 !important; }
:root[data-theme="light"] .home-page h1 { color: #1b2a21 !important; }
:root[data-theme="light"] .home-page h1 span { color: #5b8329 !important; }
:root[data-theme="light"] .home-page .home-hero-lead { color: #586b5d !important; }
:root[data-theme="light"] .home-page .home-button-primary { background: #c9ed91 !important; color: #1c2b1e !important; box-shadow: 0 8px 25px rgba(91,132,46,.12); }
:root[data-theme="light"] .home-page .home-button-secondary { background: rgba(255,255,255,.72) !important; border-color: #cbd8ce !important; color: #34493b !important; }
:root[data-theme="light"] .home-page .home-button-secondary:hover { background: #fff !important; }
:root[data-theme="light"] .home-page .home-trust-row { color: #74857a !important; }
:root[data-theme="light"] .home-page .home-trust-row i { color: #628d31 !important; }
:root[data-theme="light"] .home-page .home-hero-board {
  background: linear-gradient(145deg,#fff,#f5f8f5) !important; border-color: #d4e0d6 !important;
  box-shadow: 0 24px 58px rgba(35,59,41,.12),inset 0 1px rgba(255,255,255,.9) !important;
}
:root[data-theme="light"] .home-page .hero-board-top { border-color: #e1e9e1 !important; }
:root[data-theme="light"] .home-page .hero-board-label,
:root[data-theme="light"] .home-page .board-kicker { color: #74847a !important; }
:root[data-theme="light"] .home-page .hero-board-intro h2 { color: #223229 !important; }
:root[data-theme="light"] .home-page .hero-board-status { color: #547b34 !important; }
:root[data-theme="light"] .home-page .hero-task-card { background: #f3f7f3 !important; border-color: #dce6dc !important; }
:root[data-theme="light"] .home-page .hero-task-card:hover { background: #eaf3e9 !important; }
:root[data-theme="light"] .home-page .hero-task-card small { color: #75857a !important; }
:root[data-theme="light"] .home-page .hero-task-card b { color: #26382b !important; }
:root[data-theme="light"] .home-page .hero-task-card > i { color: #5a803c !important; }
:root[data-theme="light"] .home-page .hero-board-bottom { border-color: #e0e8e0 !important; color: #78877d !important; }
:root[data-theme="light"] .home-page .hero-board-bottom a { color: #4f762e !important; }
:root[data-theme="light"] .home-page .home-stats { border-color: #dce5dc !important; }
:root[data-theme="light"] .home-page .home-stat > strong { color: #22332a !important; }
:root[data-theme="light"] .home-page .home-stat > span { color: #53665a !important; }
:root[data-theme="light"] .home-page .home-stat small,
:root[data-theme="light"] .home-page .home-stat-caption { color: #77877c !important; }
:root[data-theme="light"] .home-page .home-stat-divider { background: #d4dfd5 !important; }
:root[data-theme="light"] .home-page .home-tools-section { background: #f3f6f3 !important; }
:root[data-theme="light"] .home-page .home-section-heading h2,
:root[data-theme="light"] .home-page .home-network-copy h2,
:root[data-theme="light"] .home-page .home-about-heading h2 { color: #1f3026 !important; }
:root[data-theme="light"] .home-page .home-section-heading h2 em,
:root[data-theme="light"] .home-page .home-network-copy h2 em,
:root[data-theme="light"] .home-page .home-about-heading h2 em { color: #638c32 !important; }
:root[data-theme="light"] .home-page .home-section-heading p,
:root[data-theme="light"] .home-page .home-network-copy > p,
:root[data-theme="light"] .home-page .home-about-heading p { color: #627267 !important; }
:root[data-theme="light"] .home-page .home-library-note { background: #fff !important; border-color: #dce5dc !important; }
:root[data-theme="light"] .home-page .home-library-note b { color: #2b3d31 !important; }
:root[data-theme="light"] .home-page .home-library-note small { color: #78877e !important; }
:root[data-theme="light"] .home-page .home-filter-row { border-color: #dce5dc !important; }
:root[data-theme="light"] .home-page .home-filter { background: #fff !important; border-color: #d5dfd6 !important; color: #5a6b60 !important; }
:root[data-theme="light"] .home-page .home-filter:hover { color: #29452c !important; border-color: #9db88a !important; }
:root[data-theme="light"] .home-page .home-filter.active { background: #d3eeaa !important; border-color: #b7d88a !important; color: #21321f !important; }
:root[data-theme="light"] .home-page .home-sort-note { color: #788a7e !important; }
:root[data-theme="light"] .home-page .home-tool-card {
  background: #fff !important; border-color: #dce5dc !important; box-shadow: 0 8px 25px rgba(32,52,37,.055) !important;
}
:root[data-theme="light"] .home-page .home-tool-card:hover { background: #fff !important; border-color: #a7c396 !important; box-shadow: 0 18px 36px rgba(32,52,37,.11) !important; }
:root[data-theme="light"] .home-page .home-tool-card h3 { color: #23342a !important; }
:root[data-theme="light"] .home-page .home-tool-card p { color: #66756a !important; }
:root[data-theme="light"] .home-page .home-card-category { color: #69816b !important; }
:root[data-theme="light"] .home-page .home-card-category span { color: #a0afa1 !important; }
:root[data-theme="light"] .home-page .home-card-bottom { border-color: #e2e9e2 !important; }
:root[data-theme="light"] .home-page .home-domain { color: #577546 !important; }
:root[data-theme="light"] .home-page .home-domain small { color: #8a978d !important; }
:root[data-theme="light"] .home-page .home-card-bottom a { background: #eef5e9 !important; border-color: #d5e4ca !important; color: #42662f !important; }
:root[data-theme="light"] .home-page .home-card-bottom a:hover { background: #e2efd8 !important; color: #2d4b27 !important; }
:root[data-theme="light"] .home-page .home-no-results { border-color: #cbd9ce !important; color: #5d6d62 !important; }
:root[data-theme="light"] .home-page .home-network-section {
  background: radial-gradient(ellipse at 84% 50%,rgba(74,140,146,.08),transparent 40%),#edf3f0 !important;
  border-color: #dbe5df !important;
}
:root[data-theme="light"] .home-page .home-architecture-list b { color: #2a3a30 !important; }
:root[data-theme="light"] .home-page .home-architecture-list small { color: #6d7c71 !important; }
:root[data-theme="light"] .home-page .architecture-number { color: #547d37 !important; border-color: #c9d9c6 !important; }
:root[data-theme="light"] .home-page .architecture-panel {
  background: linear-gradient(145deg,#fff,#f5f8f5) !important; border-color: #d5e1d7 !important;
  box-shadow: 0 20px 48px rgba(32,52,37,.09) !important;
}
:root[data-theme="light"] .home-page .architecture-panel-head { color: #718075 !important; border-color: #e0e8e0 !important; }
:root[data-theme="light"] .home-page .architecture-panel-status { color: #557a38 !important; }
:root[data-theme="light"] .home-page .architecture-root { background: #edf5e8 !important; border-color: #c8dcb9 !important; }
:root[data-theme="light"] .home-page .architecture-root b { color: #24382a !important; }
:root[data-theme="light"] .home-page .architecture-root small,
:root[data-theme="light"] .home-page .architecture-root-count { color: #5e7d44 !important; }
:root[data-theme="light"] .home-page .architecture-children > div { background: #f4f7f4 !important; border-color: #dce5dd !important; }
:root[data-theme="light"] .home-page .architecture-children b { color: #34463a !important; }
:root[data-theme="light"] .home-page .architecture-children small,
:root[data-theme="light"] .home-page .architecture-panel-foot { color: #77867b !important; }
:root[data-theme="light"] .home-page .architecture-more > span { color: #5f853b !important; border-color: #cddaca !important; }
:root[data-theme="light"] .home-page .home-about-section { background: #f7f9f6 !important; }
:root[data-theme="light"] .home-page .home-principles article { background: #fff !important; border-color: #dce5dc !important; box-shadow: 0 8px 24px rgba(32,52,37,.045); }
:root[data-theme="light"] .home-page .home-principles h3 { color: #293b30 !important; }
:root[data-theme="light"] .home-page .home-principles p { color: #66766b !important; }
:root[data-theme="light"] .home-page .home-footer { background: #eaf0ea !important; border-color: #d8e2d9 !important; }
:root[data-theme="light"] .home-page .home-footer-main > p,
:root[data-theme="light"] .home-page .home-footer-main nav { color: #647468 !important; }
:root[data-theme="light"] .home-page .home-footer-bottom { color: #829087 !important; border-color: #d6e0d7 !important; }
:root[data-theme="light"] .home-page .home-footer-main nav a:hover { color: #426a2d !important; }
:root[data-theme="light"] .home-page .home-menu-toggle { background: #f4f8f3 !important; color: #26372b !important; border-color: #d0ddd1 !important; }
:root[data-theme="light"] .home-page .home-nav.is-open { background: #fff !important; border-color: #d6e1d7 !important; box-shadow: 0 18px 42px rgba(30,48,34,.14) !important; }

/* Tool pages — pale work surfaces, with each tool retaining its own accent. */
:root[data-theme="light"] .vm-app,
:root[data-theme="light"] .cp-app,
:root[data-theme="light"] .srt-app,
:root[data-theme="light"] .title-app,
:root[data-theme="light"] .word-app,
:root[data-theme="light"] .hash-app,
:root[data-theme="light"] .ratio-app,
:root[data-theme="light"] .json-app { color: #24342a !important; }
:root[data-theme="light"] .vm-heading h1,
:root[data-theme="light"] .srt-heading h1,
:root[data-theme="light"] .title-intro h1,
:root[data-theme="light"] .word-heading h1,
:root[data-theme="light"] .ratio-heading h1,
:root[data-theme="light"] .json-heading h1 { color: #1f3026 !important; }
:root[data-theme="light"] .vm-heading p,
:root[data-theme="light"] .vm-empty p,
:root[data-theme="light"] .vm-settings > p,
:root[data-theme="light"] .vm-footnote,
:root[data-theme="light"] .cp-result-intro p,
:root[data-theme="light"] .cp-privacy,
:root[data-theme="light"] .srt-heading p,
:root[data-theme="light"] .srt-adjust > p,
:root[data-theme="light"] .title-intro p,
:root[data-theme="light"] .title-disclaimer,
:root[data-theme="light"] .word-heading p,
:root[data-theme="light"] .word-tip small,
:root[data-theme="light"] .ratio-heading p,
:root[data-theme="light"] .json-heading p,
:root[data-theme="light"] .json-footnote { color: #647468 !important; }
:root[data-theme="light"] .vm-panel,
:root[data-theme="light"] .vm-heading-stats,
:root[data-theme="light"] .vm-settings,
:root[data-theme="light"] .vm-limit,
:root[data-theme="light"] .vm-export,
:root[data-theme="light"] .vm-output,
:root[data-theme="light"] .cp-input-card,
:root[data-theme="light"] .cp-results-card,
:root[data-theme="light"] .srt-source,
:root[data-theme="light"] .srt-adjust,
:root[data-theme="light"] .srt-output,
:root[data-theme="light"] .title-composer,
:root[data-theme="light"] .title-preview,
:root[data-theme="light"] .title-check-panel,
:root[data-theme="light"] .word-editor,
:root[data-theme="light"] .word-insights,
:root[data-theme="light"] .hash-input-panel,
:root[data-theme="light"] .hash-output-panel,
:root[data-theme="light"] .ratio-controls,
:root[data-theme="light"] .ratio-preview,
:root[data-theme="light"] .json-toolbar,
:root[data-theme="light"] .json-pane,
:root[data-theme="light"] .json-shield {
  background: #fff !important; border-color: #d8e2da !important; color: #26372b !important;
  box-shadow: 0 10px 28px rgba(31,49,35,.055) !important;
}
:root[data-theme="light"] .vm-panel-top,
:root[data-theme="light"] .vm-monitor-foot,
:root[data-theme="light"] .json-pane-head,
:root[data-theme="light"] .json-pane-foot,
:root[data-theme="light"] .json-statusbar { border-color: #e2e9e2 !important; }
:root[data-theme="light"] .vm-panel-top,
:root[data-theme="light"] .vm-panel-top *,
:root[data-theme="light"] .vm-filemeta,
:root[data-theme="light"] .vm-monitor-foot,
:root[data-theme="light"] .vm-heading-stats small,
:root[data-theme="light"] .vm-range-controls label > span,
:root[data-theme="light"] .vm-limit small,
:root[data-theme="light"] .vm-footnote b,
:root[data-theme="light"] .cp-card-heading > div > span,
:root[data-theme="light"] .cp-label,
:root[data-theme="light"] .cp-options label,
:root[data-theme="light"] .cp-transcript-head > span,
:root[data-theme="light"] .srt-overline,
:root[data-theme="light"] .srt-section-head,
:root[data-theme="light"] .srt-field > span,
:root[data-theme="light"] .srt-steps,
:root[data-theme="light"] .title-index,
:root[data-theme="light"] .title-panel-top,
:root[data-theme="light"] .title-composer > label,
:root[data-theme="light"] .title-meter > div,
:root[data-theme="light"] .title-stats span,
:root[data-theme="light"] .title-check-panel > div > span,
:root[data-theme="light"] .word-overline,
:root[data-theme="light"] .word-editor-head > div > span,
:root[data-theme="light"] .word-primary > span,
:root[data-theme="light"] .word-stat-grid span,
:root[data-theme="light"] .word-time > span,
:root[data-theme="light"] .hash-panel-head,
:root[data-theme="light"] .hash-input-panel > label,
:root[data-theme="light"] .hash-options label,
:root[data-theme="light"] .hash-privacy,
:root[data-theme="light"] .ratio-eyebrow,
:root[data-theme="light"] .ratio-panel-head,
:root[data-theme="light"] .ratio-label,
:root[data-theme="light"] .ratio-dimensions label,
:root[data-theme="light"] .ratio-common > span,
:root[data-theme="light"] .json-overline,
:root[data-theme="light"] .json-toolbar-label,
:root[data-theme="light"] .json-toolbar label,
:root[data-theme="light"] .json-pane-head,
:root[data-theme="light"] .json-pane-foot,
:root[data-theme="light"] .json-statusbar > span:last-child,
:root[data-theme="light"] .json-footnote b { color: #65776a !important; }
:root[data-theme="light"] .vm-stage { background: radial-gradient(ellipse,#e9f0e9,#f6f8f5 70%) !important; }
:root[data-theme="light"] .vm-empty strong,
:root[data-theme="light"] .vm-limit b,
:root[data-theme="light"] .vm-limit strong,
:root[data-theme="light"] .vm-output-empty b,
:root[data-theme="light"] .cp-card-heading h2,
:root[data-theme="light"] .cp-result-intro b,
:root[data-theme="light"] .srt-clock h2,
:root[data-theme="light"] .title-check-panel h2,
:root[data-theme="light"] .title-stats b,
:root[data-theme="light"] .word-editor-head h2,
:root[data-theme="light"] .word-stat-grid b,
:root[data-theme="light"] .word-time strong,
:root[data-theme="light"] .hash-output-title strong,
:root[data-theme="light"] .ratio-readout strong,
:root[data-theme="light"] .json-shield b { color: #26382c !important; }
:root[data-theme="light"] .vm-track { background: #e7eee8 !important; }
:root[data-theme="light"] .vm-time-row,
:root[data-theme="light"] .vm-time-row small,
:root[data-theme="light"] .vm-empty small { color: #7a897e !important; }
:root[data-theme="light"] .vm-range-controls input,
:root[data-theme="light"] .vm-settings select,
:root[data-theme="light"] .cp-input,
:root[data-theme="light"] .cp-transcript,
:root[data-theme="light"] .cp-options select,
:root[data-theme="light"] .srt-field textarea,
:root[data-theme="light"] .srt-field input,
:root[data-theme="light"] .srt-field select,
:root[data-theme="light"] .srt-number input,
:root[data-theme="light"] .title-composer textarea,
:root[data-theme="light"] .word-editor textarea,
:root[data-theme="light"] .word-editor-bottom input,
:root[data-theme="light"] .hash-input-panel textarea,
:root[data-theme="light"] .hash-options select,
:root[data-theme="light"] .ratio-label select,
:root[data-theme="light"] .ratio-dimensions input,
:root[data-theme="light"] .json-pane textarea,
:root[data-theme="light"] .json-toolbar select {
  background: #fbfdfb !important; border-color: #d0dbd1 !important; color: #22342a !important;
}
:root[data-theme="light"] .vm-range-controls input:focus,
:root[data-theme="light"] .vm-settings select:focus,
:root[data-theme="light"] .cp-input:focus,
:root[data-theme="light"] .cp-transcript:focus,
:root[data-theme="light"] .srt-field textarea:focus,
:root[data-theme="light"] .srt-field input:focus,
:root[data-theme="light"] .title-composer textarea:focus,
:root[data-theme="light"] .word-editor textarea:focus,
:root[data-theme="light"] .hash-input-panel textarea:focus,
:root[data-theme="light"] .ratio-dimensions input:focus,
:root[data-theme="light"] .json-pane textarea:focus {
  outline: 0; border-color: #83a56b !important; box-shadow: 0 0 0 3px rgba(106,151,66,.13) !important;
}
:root[data-theme="light"] .cp-helper,
:root[data-theme="light"] .hash-help,
:root[data-theme="light"] .word-tip,
:root[data-theme="light"] .ratio-note { background: #f0f6ed !important; border-color: #d9e6d2 !important; color: #586e4c !important; }
:root[data-theme="light"] .cp-helper b,
:root[data-theme="light"] .hash-help b,
:root[data-theme="light"] .word-tip b { color: #527c35 !important; }
:root[data-theme="light"] .cp-status,
:root[data-theme="light"] .srt-file,
:root[data-theme="light"] .srt-clock,
:root[data-theme="light"] .srt-rule,
:root[data-theme="light"] .title-stats > div,
:root[data-theme="light"] .word-stat-grid > div,
:root[data-theme="light"] .word-time,
:root[data-theme="light"] .hash-output,
:root[data-theme="light"] .ratio-preset,
:root[data-theme="light"] .ratio-stage,
:root[data-theme="light"] .ratio-readout {
  background: #f2f6f2 !important; border-color: #dce5dd !important; color: #33463a !important;
}
:root[data-theme="light"] .srt-file b,
:root[data-theme="light"] .srt-number,
:root[data-theme="light"] .title-search-card strong { color: #26382c !important; }
:root[data-theme="light"] .srt-file small,
:root[data-theme="light"] .srt-foot,
:root[data-theme="light"] .srt-clock p,
:root[data-theme="light"] .title-search-card small,
:root[data-theme="light"] .title-disclaimer b,
:root[data-theme="light"] .word-stat-grid small,
:root[data-theme="light"] .word-time small,
:root[data-theme="light"] .hash-output-title small,
:root[data-theme="light"] .ratio-preset small,
:root[data-theme="light"] .ratio-dimensions small { color: #78877d !important; }
:root[data-theme="light"] .cp-mast,
:root[data-theme="light"] .hash-hero { color: #f6f9fa !important; }
:root[data-theme="light"] .cp-mast h1,
:root[data-theme="light"] .hash-hero h1 { color: #f6f9fa !important; }
:root[data-theme="light"] .cp-mast > p,
:root[data-theme="light"] .cp-mast-note,
:root[data-theme="light"] .cp-breadcrumb a,
:root[data-theme="light"] .hash-hero p { color: #d1dfdf !important; }
:root[data-theme="light"] .cp-mast { box-shadow: 0 14px 32px rgba(22,54,66,.12); }
:root[data-theme="light"] .hash-hero { box-shadow: 0 14px 32px rgba(65,27,66,.11); }
:root[data-theme="light"] .title-thumb { color: #fff0e5 !important; }
:root[data-theme="light"] .title-search-card { border-color: #e0e8e0 !important; }
:root[data-theme="light"] .title-track { background: #f1e7df !important; }
:root[data-theme="light"] .word-primary { background: radial-gradient(circle at 90% 0,#e2f5ee,#f5faf7 68%) !important; border-color: #d2e7df !important; }
:root[data-theme="light"] .word-primary strong { color: #1d796a !important; }
:root[data-theme="light"] .word-editor-bottom label,
:root[data-theme="light"] .word-editor-bottom small { color: #718278 !important; }
:root[data-theme="light"] .word-editor-bottom button { background: #f4f8f5 !important; border-color: #d4e1d8 !important; color: #426c5f !important; }
:root[data-theme="light"] .hash-orbit span { background: #fff5fb !important; border-color: #eccde2 !important; color: #8a3976 !important; }
:root[data-theme="light"] .hash-mark { background: #fde8f5 !important; color: #a34284 !important; }
:root[data-theme="light"] .hash-panel-head { border-color: #e5dce8 !important; }
:root[data-theme="light"] .hash-panel-head b,
:root[data-theme="light"] .hash-output-title > span { color: #a04b89 !important; }
:root[data-theme="light"] .ratio-preset[aria-pressed="true"] { background: #e3f6f8 !important; border-color: #8cced9 !important; box-shadow: inset 0 0 0 1px #8cced9 !important; }
:root[data-theme="light"] .ratio-preset i { background: linear-gradient(135deg,#d9edf2,#c5e2e9) !important; border-color: #77b8c8 !important; }
:root[data-theme="light"] .ratio-readout strong { color: #247e92 !important; }
:root[data-theme="light"] .ratio-readout button { color: #247e92 !important; border-color: #b6dce3 !important; }
:root[data-theme="light"] .json-pane-output { background: #f5faf5 !important; }
:root[data-theme="light"] .json-pane-head { background: #f0f5f0 !important; }
:root[data-theme="light"] .json-pane-head i { color: #4f8b41 !important; }
:root[data-theme="light"] .json-pane textarea { caret-color: #3c7e36; }
:root[data-theme="light"] .json-shield span { color: #47833c !important; }
:root[data-theme="light"] .json-shield small,
:root[data-theme="light"] .json-statusbar p { color: #75847a !important; }
:root[data-theme="light"] .json-toolbar-label i,
:root[data-theme="light"] .json-statusbar > i { background: #68a64c !important; box-shadow: 0 0 8px rgba(104,166,76,.25) !important; }
:root[data-theme="light"] .json-toolbar button:nth-of-type(1) { background: #c9ed91 !important; color: #1c2b1e !important; }
:root[data-theme="light"] .json-toolbar button:nth-of-type(2) { background: #f0f5ed !important; border-color: #d3e0d4 !important; color: #456247 !important; }
:root[data-theme="light"] .json-footnote b { color: #4d7c3d !important; }

/* Legal pages and error routes use the same theme. */
:root[data-theme="light"] .banner { background: linear-gradient(135deg,#e6efe5,#f9fbf8) !important; border: 1px solid #d5e1d5 !important; color: #24362a !important; }
:root[data-theme="light"] .banner h1 { color: #203127 !important; }
:root[data-theme="light"] .banner p { color: #5d6e61 !important; }
:root[data-theme="light"] .banner .btn { background: #c9ed91 !important; color: #1c2b1e !important; }

@media (max-width: 650px) {
  .theme-toggle { width: 40px; min-width: 40px; padding: 0; gap: 0; }
  .theme-toggle-label { display: none; }
  .theme-toggle-icon { font-size: 17px; }
  .theme-toggle-floating { width: auto; min-width: 40px; padding: 0 11px; }
  .theme-toggle-floating .theme-toggle-label { display: inline; }
}
@media (prefers-reduced-motion: reduce) { .theme-toggle { transition: none; } }