/* =============================================================================
   LIGHT MODE — Home, About, Agenda, Blog
   Activated with body.light-mode (footer theme toggle + localStorage in navigation-top.js)
   Load this file last on those pages.
   ============================================================================= */

body.light-mode {
  --text-color: #111111;
  --secondary-text-color: rgba(0, 0, 0, 0.72);
  --primary-color: #245af6;
  --border-color: #d4d4d4;
  --bg-color: #ffffff;
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-text-secondary: rgba(0, 0, 0, 0.72);
  --color-border: #d4d4d4;
  --color-surface: #f3f4f6;
  --footer-text-color: #000000;
  --footer-link-color: #000000;
}

body.light-mode.bg-black {
  background-color: #ffffff !important;
}

body.light-mode {
  color: #000000 !important;
}

 .theme-toggle {
  display: none !important;
}

body.light-mode .text-white {
  color: #000000 !important;
}

body.light-mode #navigation-placeholder {
  background-color: #ffffff !important;
}

body.light-mode #site-header {
  background-color: #ffffff;
}

body.light-mode .topbar-container {
  border-color: #d0d0d0;
  background-color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

body.light-mode .desktop-menu a,
body.light-mode .desktop-menu a:hover {
  color: #000000 !important;
}

body.light-mode #topbar-phone-number {
  color: rgba(0, 0, 0, 0.85) !important;
}

body.light-mode .topbar-logo-image img {
  filter: brightness(0);
}

body.light-mode .contact-details,
body.light-mode .contact-details a {
  color: #000000 !important;
}

body.light-mode .logobottom img {
  filter: brightness(0);
}

body.light-mode .hamburger .line {
  background-color: #000000;
}

body.light-mode .topbar-button {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #245af6 !important;
}

body.light-mode .topbar-button:hover {
  background-color: #f0f0f0;
  color: #000000 !important;
}

body.light-mode .menu-overlay {
  background-color: rgba(255, 255, 255, 0.98) !important;
  border-left-color: #e5e5e5 !important;
}

body.light-mode .menu-overlay a {
  color: #000000 !important;
}

body.light-mode .menu-overlay a:hover,
body.light-mode .menu-overlay a:active,
body.light-mode .menu-overlay a:focus-visible {
  background-color: rgba(36, 90, 246, 0.12) !important;
}

@media (min-width: 821px) {
  body.light-mode .menu-overlay {
    background-color: rgba(255, 255, 255, 0.97) !important;
  }
}

body.light-mode .hero-title,
body.light-mode .page-title {
  color: #000000 !important;
}

body.light-mode .page-subtitle {
  color: rgba(0, 0, 0, 0.68) !important;
}

body.light-mode .site-body-copy {
  color: rgba(0, 0, 0, 0.82) !important;
}

body.light-mode .section-h2 {
  color: var(--color-text) !important;
}

body.light-mode .about-founder-name {
  color: #000000 !important;
}

body.light-mode .terrain-section {
  background-color: #ffffff !important;
}

body.light-mode:not(.page-about) #terrain-container {
  opacity: 0.14;
}

body.light-mode.page-about .about-hero-overlay {
  background: transparent !important;
}

body.light-mode #section-hero {
  background: #ffffff;
}

body.light-mode #section-hero .vanta-canvas,
body.light-mode #section-hero > canvas {
  opacity: 0.12 !important;
}

body.light-mode .hero-title__accent {
  color: rgba(0, 0, 0, 0.88) !important;
}

body.light-mode .hero-visual__image {
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.12));
}

body.light-mode .ai-match__image {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

body.light-mode #section-bottom-cta {
  background: #ffffff;
  border-top-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .scale-features__frame {
  border-color: #d0d0d0;
  background: rgba(255, 255, 255, 0.95);
}

body.light-mode .scale-features__list li {
  border-color: #d4d4d4;
  background: #f6f7f8;
}

body.light-mode #section-faq .faq-item,
body.light-mode .faq-list .faq-item {
  border-color: #d0d0d0;
}

body.light-mode #section-pain-points,
body.light-mode #section-ai-matchmaking,
body.light-mode #section-smart-meetings,
body.light-mode #section-follow-up-rooms,
body.light-mode #section-roi-showcase,
body.light-mode #section-scale-features,
body.light-mode #section-faq,
body.light-mode #section-hero {
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .agenda-terrain-section {
  background: #ffffff;
}

body.light-mode #agenda-terrain-container {
  opacity: 0.18;
}

body.light-mode .home-disclaimer-agenda {
  color: var(--secondary-text-color) !important;
}

body.light-mode h2 {
  color: #111111 !important;
}

body.light-mode .meeting-row {
  color: #111111 !important;
  border-bottom-color: #dddddd !important;
}

body.light-mode .meeting-row.header {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid #dddddd !important;
}

body.light-mode .meeting-continent-title {
  color: #555555 !important;
  border-bottom-color: #dddddd !important;
}

body.light-mode .meeting-city-image {
  border-color: #cccccc;
}

body.light-mode .why-title {
  color: #111111 !important;
}

body.light-mode .faq-section .faq-item {
  border-color: #d0d0d0 !important;
}

body.light-mode .faq-section .faq-question {
  color: #111111 !important;
}

body.light-mode .faq-section .faq-answer {
  color: rgba(0, 0, 0, 0.72) !important;
}

body.light-mode .faq-section .faq-toggle-button {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #245af6 !important;
  text-shadow: none !important;
  color: #245af6 !important;
}

body.light-mode .m-card {
  background: #f6f7f8 !important;
  border-color: #d0d0d0 !important;
}

body.light-mode .m-card-title {
  color: #111111 !important;
}

body.light-mode .m-card-desc {
  color: rgba(0, 0, 0, 0.78) !important;
}

body.light-mode .m-continent {
  color: #111111 !important;
}

body.light-mode .m-info-value {
  color: #111111 !important;
}

body.light-mode .m-price-amount {
  color: #111111 !important;
}

body.light-mode .m-notify-email {
  background: #ffffff !important;
  border-color: #bbbbbb !important;
  color: #111111 !important;
}

body.light-mode .m-notify-email::placeholder {
  color: #666666 !important;
}

body.light-mode .m-notify-submit {
  background: #f0f0f0 !important;
  color: #111111 !important;
  border-color: #bbbbbb !important;
}

body.light-mode .session-toggle {
  background: #eeeeee !important;
  border-color: #cccccc !important;
}

body.light-mode .session-tab {
  color: #555555 !important;
}

body.light-mode .session-tab:hover:not(.active) {
  color: #111111 !important;
}

body.light-mode .blog-image-container {
  color: #000000 !important;
  background-color: #ffffff !important;
}

body.light-mode .article-excerpt {
  color: #333333 !important;
}

body.light-mode .topic-label {
  color: #245af6 !important;
}

body.light-mode .topic-button {
  color: #111111 !important;
  border-color: #245af6 !important;
}

body.light-mode .topic-button:hover {
  background-color: rgba(36, 90, 246, 0.1) !important;
}

body.light-mode .image-wrapper {
  background-color: #e8e8e8 !important;
}

body.light-mode .image-wrapper h2 {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.85);
}

body.light-mode .constitution-list {
  border-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .const-rule {
  background-color: #f5f6f8 !important;
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .const-rule-title {
  color: #111111 !important;
}

body.light-mode .const-rule-text {
  color: rgba(0, 0, 0, 0.65) !important;
}

body.light-mode .fit-list--yes li {
  color: #000000 !important;
}

body.light-mode .fit-col--no {
  background: rgb(234 234 234) !important;
  color: rgb(0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .fit-col--no .fit-col-label {
  color: rgb(0, 0, 0) !important;
}

body.light-mode .fit-list--no li {
  color: rgb(0, 0, 0) !important;
}

body.light-mode .fit-icon--no {
  background: rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.28) !important;
  color: rgb(0, 0, 0) !important;
}

/* Home — phone demo widget (.demo-screen) */
body.light-mode .demo-phone__frame {
  background: #e9e9e9 !important;
}

body.light-mode .demo-screen {
  background: #ffffff !important;
}

body.light-mode .demo-header {
  border-bottom-color: #e0e0e0 !important;
}

body.light-mode .demo-title-bar,
body.light-mode .demo-section-title,
body.light-mode .demo-chart-total {
  color: #000000 !important;
}

body.light-mode .demo-bcs-chart {
  border-color: #d4d4d4 !important;
}

body.light-mode .demo-bars {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .demo-chart-btn {
  background: #eeeeee !important;
  color: #333333 !important;
  border-color: #cccccc !important;
}

body.light-mode .demo-chart-btn:hover {
  background: #e3e3e3 !important;
}

body.light-mode .demo-trend-up {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .demo-overview-badge.up {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .demo-overview-card {
  border-color: #d4d4d4 !important;
}

body.light-mode .demo-bar--empty {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .demo-bar-label,
body.light-mode .demo-grid-lines div span {
  color: #666666 !important;
}

/* Home — laptop demo widget */
body.light-mode .demo-laptop {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.12));
}

body.light-mode .demo-laptop__lid,
body.light-mode .demo-laptop__base {
  background: #efefef !important;
  border-color: #c8c8c8 !important;
}

body.light-mode .demo-laptop__display,
body.light-mode .demo-split-chrome,
body.light-mode .demo-meeting-header,
body.light-mode .demo-tts-player,
body.light-mode .demo-tts-progress-bar {
  background: #ffffff !important;
}

body.light-mode .demo-laptop__hinge {
  background: #dcdcdc !important;
  border-color: #c8c8c8 !important;
}

body.light-mode .demo-laptop__trackpad {
  background: #e4e4e4 !important;
  border-color: #c8c8c8 !important;
}

body.light-mode .demo-split-topbar,
body.light-mode .demo-split-panel-header,
body.light-mode .demo-summary-content,
body.light-mode .demo-meeting-body,
body.light-mode .demo-meeting-card {
  border-color: #d9d9d9 !important;
}

body.light-mode .demo-split-panel-header {
  background: #f5f5f5 !important;
}

body.light-mode .demo-split-title,
body.light-mode .demo-split-panel-header,
body.light-mode .demo-summary-content,
body.light-mode .demo-summary-section,
body.light-mode .demo-summary-text,
body.light-mode .demo-meeting-title,
body.light-mode .demo-meeting-body,
body.light-mode .demo-sum-header,
body.light-mode .demo-sum-list li,
body.light-mode .demo-sum-list li strong,
body.light-mode .demo-match-name,
body.light-mode .demo-match-reason {
  color: #000000 !important;
}

body.light-mode .demo-split-tab {
  color: #555555 !important;
}

body.light-mode .demo-split-tab:hover {
  color: #222222 !important;
}

body.light-mode .demo-split-tab.active {
  color: #000000 !important;
}

body.light-mode .demo-tts-time,
body.light-mode .demo-tts-vol-icon,
body.light-mode .demo-tts-vol-icon svg,
body.light-mode .demo-tts-caption,
body.light-mode .demo-meeting-date {
  color: #666666 !important;
}

body.light-mode .demo-tts-vol-track {
  background: linear-gradient(to right, #245AF6 70%, #dddddd 70%) !important;
  border-color: #cfcfcf !important;
}

body.light-mode .demo-mindmap-wrap,
body.light-mode .demo-split-panel,
body.light-mode .demo-meeting-card,
body.light-mode .demo-summary-num,
body.light-mode .demo-match-avatar,
body.light-mode .demo-tts-player,
body.light-mode .demo-tts-progress-bar {
  border-color: #d0d0d0 !important;
}

body.light-mode .demo-match-card {
  background: #f8f8f8 !important;
  border-color: #e0e0e0 !important;
}

body.light-mode .demo-match-card:hover {
  background: #f0f0f0 !important;
  border-color: #d5d5d5 !important;
}

body.light-mode .demo-match-avatar,
body.light-mode .demo-summary-num {
  background: #f0f0f0 !important;
  color: #4a4a4a !important;
}

body.light-mode .demo-meeting-card.expanded {
  border-top-color: #245AF6 !important;
}

body.light-mode .demo-tap-guard.hinted {
  background: rgba(255, 255, 255, 0.45) !important;
}

body.light-mode .demo-tap-guard.hinted::after {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111111 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Home — Spaces mockup widget (.ds-*) */
body.light-mode .demo-space {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.12));
}

body.light-mode .ds-frame,
body.light-mode .ds-toolbar,
body.light-mode .ds-grid,
body.light-mode .ds-sidebar,
body.light-mode .ds-chat,
body.light-mode .ds-controls-bar,
body.light-mode .ds-room-card,
body.light-mode .ds-tile,
body.light-mode .ds-chat-input {
  background: #ffffff !important;
}

body.light-mode .ds-frame,
body.light-mode .ds-header,
body.light-mode .ds-toolbar,
body.light-mode .ds-sidebar,
body.light-mode .ds-sidebar-hd,
body.light-mode .ds-sidebar-info,
body.light-mode .ds-chat,
body.light-mode .ds-chat-hd,
body.light-mode .ds-chat-input-row,
body.light-mode .ds-controls-bar,
body.light-mode .ds-room-card,
body.light-mode .ds-room-card--active .ds-room-card-inner,
body.light-mode .ds-sidebar,
body.light-mode .ds-tile {
  border-color: #d5d5d5 !important;
}

body.light-mode .ds-header-title,
body.light-mode .ds-tb-icon,
body.light-mode .ds-sidebar-hd-left,
body.light-mode .ds-room-name,
body.light-mode .ds-p-name,
body.light-mode .ds-bubble--other,
body.light-mode .ds-chat-input,
body.light-mode .ds-tile-name {
  color: #000000 !important;
}

body.light-mode .ds-tb-btn + .ds-tb-btn {
  border-left-color: rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .ds-room-count {
  color: #444444 !important;
  background: #eeeeee !important;
}

body.light-mode .ds-room-card--active {
  background: rgba(36, 90, 246, 0.1) !important;
}

body.light-mode .ds-p-avatar {
  background: #ececec !important;
}

body.light-mode .ds-chat-sep,
body.light-mode .ds-chat-lbl,
body.light-mode .ds-chat-sender {
  color: #666666 !important;
}

body.light-mode .ds-bubble--other {
  background: #efefef !important;
}

body.light-mode .ds-chat-time {
  color: #777777 !important;
}

body.light-mode .ds-chat-send {
  background: #e6e6e6 !important;
}

body.light-mode .ds-avatar {
  background: #e9e9e9 !important;
  color: #4d4d4d !important;
  border-color: #d1d1d1 !important;
}

body.light-mode .ds-collapse-btn,
body.light-mode .ds-mic-icon {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #666666 !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
}

body.light-mode .ds-ctrl-btn:hover .ds-ctrl-icon {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .ds-ctrl-icon {
  border-color: #d1d1d1 !important;
}

/* Bootstrap Icons — force black glyphs in light mode (icon font + inline SVG) */
body.light-mode .bi,
body.light-mode .bi::before {
  color: #000000 !important;
}

body.light-mode svg.bi,
body.light-mode svg[class*="bi-"] {
  fill: #000000 !important;
}

/* Matching Opportunities graph — light mode */
body.light-mode #demo-opp-graph circle {
  stroke: #000000 !important;
}

body.light-mode #demo-opp-graph text {
  fill: #000000 !important;
}

/* Agenda — Apply for Founding Access modal in light mode */
body.light-mode #eligibility-modal {
  background: rgba(255, 255, 255, 0.72) !important;
}

body.light-mode #eligibility-modal > div {
  background: #ffffff !important;
  border-color: #d3d3d3 !important;
}

body.light-mode #eligibility-modal-title,
body.light-mode #eligibility-modal-group-label,
body.light-mode #eligibility-success,
body.light-mode #eligibility-error,
body.light-mode #eligibility-error-2,
body.light-mode #eligibility-income-value,
body.light-mode #eligibility-modal p,
body.light-mode #eligibility-modal small,
body.light-mode #eligibility-modal label {
  color: #000000 !important;
}

body.light-mode #eligibility-modal-close {
  color: #333333 !important;
}

body.light-mode #eligibility-modal input:not([type="hidden"]),
body.light-mode #eligibility-modal textarea,
body.light-mode #eligibility-modal select {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #bdbdbd !important;
}

body.light-mode #eligibility-modal input::placeholder,
body.light-mode #eligibility-modal textarea::placeholder {
  color: #666666 !important;
}

body.light-mode #eligibility-modal input[type="range"] {
  accent-color: #245AF6;
}

body.light-mode #eligibility-back-btn {
  color: #000000 !important;
}