/* Optional light glass material. Dark remains the default in the base styles. */
:root[data-theme='light'] {
  color-scheme: light;
  --base: #e6ece9;
  --text: #101e19;
  --secondary: #263e32;
  --muted: #354c40;
  --faint: #6a7d75;
  --accent: #8b6027;
  --accent-hover: #75501f;
  --line: rgba(48, 77, 65, .16);
  --edge: rgba(255, 255, 255, .68);
  --focus: #2b6f78;
  --success: #24694d;
  --error: #a43d3d;
  --tint: rgba(255, 255, 255, .12);
}
:root[data-theme='light'] ::selection { background: rgba(165, 120, 57, .22); color: #172624; }
:root[data-theme='light'] .crm-scene {
  background-color: #e6ece9;
  background-image: linear-gradient(rgba(245,249,247,.12),rgba(245,249,247,.12)), url('./assets/glass-scene-day.png');
  background-blend-mode: normal;
  transform: scaleX(-1);
  filter: none;
}
:root[data-theme='light'] .glass {
  background-color: rgba(255, 255, 255, .12);
  background-image: linear-gradient(125deg, rgba(255,255,255,.26), rgba(255,255,255,.035) 35%, rgba(255,255,255,0) 70%);
  border-color: rgba(255,255,255,.74);
  border-top-color: rgba(255,255,255,.96);
  border-left-color: rgba(255,255,255,.9);
  border-right-color: rgba(69,92,86,.24);
  border-bottom-color: rgba(69,92,86,.26);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
  box-shadow: 0 14px 34px rgba(37,62,54,.13), inset 0 1px 0 rgba(255,255,255,.92), inset 1px 0 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(255,255,255,.4);
}
:root[data-theme='light'] .sidebar { background-color: rgba(247,252,249,.20); scrollbar-color: rgba(53,85,72,.24) transparent; }
:root[data-theme='light'] .brand,
:root[data-theme='light'] .brand:before,
:root[data-theme='light'] .profile strong { color: var(--text); }
:root[data-theme='light'] .brand-subtitle,
:root[data-theme='light'] .nav-caption,
:root[data-theme='light'] .workspace-status,
:root[data-theme='light'] .workspace-status small,
:root[data-theme='light'] .breadcrumb,
:root[data-theme='light'] .breadcrumb-divider,
:root[data-theme='light'] .eyebrow,
:root[data-theme='light'] .page-heading p:not(.eyebrow) { color: var(--muted); }
:root[data-theme='light'] .brand-dot { color: #8b6027; }
:root[data-theme='light'] .workspace-symbol { color: #805d2f; background: rgba(255,255,255,.34); border-color: rgba(59,82,70,.13); }
:root[data-theme='light'] #navigation a,
:root[data-theme='light'] #navigation button,
:root[data-theme='light'] #navigation svg { color: var(--secondary); }
:root[data-theme='light'] #navigation a:hover,
:root[data-theme='light'] #navigation button:hover { color: var(--text); background: rgba(255,255,255,.4); }
:root[data-theme='light'] #navigation .active {
  color: #5f451f;
  background: linear-gradient(110deg, rgba(198,151,78,.24), rgba(255,247,226,.25));
  border-color: rgba(139,96,39,.19);
}
:root[data-theme='light'] #navigation .active svg { color: #805823; }
:root[data-theme='light'] .nav-count,
:root[data-theme='light'] .nav-badge { color: #41574e; background: rgba(71,103,87,.09); }
:root[data-theme='light'] .status-dot,
:root[data-theme='light'] .local-state span { background: #4d8267; box-shadow: none; }
:root[data-theme='light'] .avatar { color: #334b40; background: #d4e0d6; border-color: rgba(68,96,76,.2); }
:root[data-theme='light'] .profile-avatar,
:root[data-theme='light'] .avatar-0 { color: #5e482a; background: linear-gradient(135deg, #e8d7bc, #d8c9ae); border-color: rgba(128,94,48,.18); }
:root[data-theme='light'] .avatar-1 { color: #305766; background: #d1e0e3; border-color: rgba(59,98,108,.18); }
:root[data-theme='light'] .avatar-2 { color: #654967; background: #e3d6e4; border-color: rgba(112,73,111,.18); }
:root[data-theme='light'] .avatar-3 { color: #45613d; background: #d9e1c9; border-color: rgba(78,107,60,.18); }
:root[data-theme='light'] .team-stack .avatar { border-color: #e7eee7; }
:root[data-theme='light'] .team-caption { color: var(--muted); }
:root[data-theme='light'] .global-search { color: var(--muted); background: rgba(255,255,255,.31); border-color: rgba(51,80,65,.18); }
:root[data-theme='light'] .global-search input { color: var(--text); }
:root[data-theme='light'] .global-search input::placeholder { color: #61756a; }
:root[data-theme='light'] kbd { border-color: rgba(51,80,65,.2); color: #64766c; background: rgba(255,255,255,.2); }
:root[data-theme='light'] .icon-btn { color: #405b50; }
:root[data-theme='light'] .icon-btn:hover { color: #1f3930; background: rgba(255,255,255,.5); }
:root[data-theme='light'] .notification-dot { background: #997039; box-shadow: 0 0 0 2px #e8eee6; }
:root[data-theme='light'] .primary-btn,
:root[data-theme='light'] .skip-link {
  background: #dbb67d;
  color: #2d220e;
  border-color: rgba(133,94,43,.24);
  box-shadow: 0 4px 14px rgba(112,84,46,.09), inset 0 1px 0 rgba(255,255,255,.32);
}
:root[data-theme='light'] .primary-btn:hover { background: #e7c793; color: #2d220e; }
:root[data-theme='light'] .primary-btn:disabled { background: #d9dcd1; color: #68776c; border-color: rgba(84,107,91,.15); box-shadow: none; }
:root[data-theme='light'] .secondary-btn { color: #3f594d; background: rgba(255,255,255,.31); border-color: rgba(45,78,60,.22); }
:root[data-theme='light'] .secondary-btn:hover { color: #243e31; background: rgba(255,255,255,.59); border-color: rgba(45,78,60,.35); }
:root[data-theme='light'] .secondary-btn:disabled { color: #748177; background: rgba(224,230,221,.46); border-color: rgba(65,89,72,.12); }
:root[data-theme='light'] .text-btn,
:root[data-theme='light'] .card-title:hover { color: #805725; }
:root[data-theme='light'] .text-btn:hover { background: rgba(181,135,68,.08); color: #624317; }
:root[data-theme='light'] .stat-label,
:root[data-theme='light'] .stat-item>span:first-child,
:root[data-theme='light'] .stat-item>p:first-child { color: #4b6257; }
:root[data-theme='light'] .stat-note,
:root[data-theme='light'] .stat-trend,
:root[data-theme='light'] .stat-item small { color: #536b5e; }
:root[data-theme='light'] .stat-trend.positive,
:root[data-theme='light'] .stat-note.positive,
:root[data-theme='light'] .stat-item .positive { color: #28694b; }
:root[data-theme='light'] .view-switch { background: rgba(255,255,255,.24); }
:root[data-theme='light'] .view-switch button { color: #536c5e; }
:root[data-theme='light'] .view-switch .active { color: #263c30; background: rgba(255,255,255,.68); box-shadow: 0 2px 8px rgba(50,77,59,.07); }
:root[data-theme='light'] .filter-group .active,
:root[data-theme='light'] .filter-group [aria-pressed='true'] { color: #795421; background: rgba(214,178,119,.24); border-color: rgba(151,106,42,.35); }
:root[data-theme='light'] .kanban-column { background-color: rgba(255,255,255,.29); box-shadow: 0 12px 36px rgba(41,66,51,.07); }
:root[data-theme='light'] .deal-card {
  color: var(--text);
  background: linear-gradient(130deg, rgba(255,255,255,.4), rgba(255,255,255,.07) 80%), rgba(244,250,244,.39);
  border-color: rgba(76,107,85,.16);
  border-top-color: rgba(255,255,255,.8);
}
:root[data-theme='light'] .deal-card:hover { background-color: rgba(250,255,248,.67); border-color: rgba(75,107,83,.3); box-shadow: 0 8px 24px rgba(45,69,50,.08); }
:root[data-theme='light'] .deal-amount>span,
:root[data-theme='light'] .card-client { color: #40594b; }
:root[data-theme='light'] .card-location,
:root[data-theme='light'] .card-client svg,
:root[data-theme='light'] .column-total,
:root[data-theme='light'] .column-count,
:root[data-theme='light'] .column-heading .count,
:root[data-theme='light'] .next-step,
:root[data-theme='light'] .next-step small,
:root[data-theme='light'] .board-summary,
:root[data-theme='light'] .board-summary svg,
:root[data-theme='light'] .app-footer,
:root[data-theme='light'] .footer-divider { color: #506b5c; }
:root[data-theme='light'] .column-count,
:root[data-theme='light'] .column-heading .count { border-color: rgba(58,93,70,.19); background: rgba(255,255,255,.27); }
:root[data-theme='light'] .next-step.due-today,
:root[data-theme='light'] .next-step.overdue { color: #815b24; }
:root[data-theme='light'] .card-footer { border-color: rgba(54,88,65,.13); }
:root[data-theme='light'] .card-footer .avatar { color: #4a5c42; background: rgba(185,205,177,.45); border-color: rgba(84,113,74,.21); }
:root[data-theme='light'] .card-list { scrollbar-color: rgba(63,94,72,.25) transparent; }
:root[data-theme='light'] .column-add { color: #536e5e; border-color: rgba(75,111,85,.25); background: rgba(255,255,255,.12); }
:root[data-theme='light'] .column-add:hover { color: #765522; background: rgba(255,255,255,.43); border-color: rgba(151,106,42,.38); }
:root[data-theme='light'] .kanban-column.drop-target,
:root[data-theme='light'] .kanban-column.drag-over { border-color: #a37c42; background-color: rgba(239,219,177,.43); }
:root[data-theme='light'] .badge,
:root[data-theme='light'] .pill,
:root[data-theme='light'] .project-badge { color: #45624f; background: rgba(139,172,143,.15); border-color: rgba(70,110,76,.17); }
:root[data-theme='light'] :is(.badge-sale,.badge.sale,.badge.warm,.pill.warm,.badge.amber) { color: #795321; background: rgba(219,184,124,.22); border-color: rgba(157,112,46,.19); }
:root[data-theme='light'] :is(.badge-rent,.badge.rent,.badge.cool,.pill.cool) { color: #365f73; background: rgba(145,186,206,.19); border-color: rgba(63,117,141,.2); }
:root[data-theme='light'] :is(.badge.new,.badge.purple) { color: #66537d; background: rgba(182,157,208,.19); border-color: rgba(114,87,144,.2); }
:root[data-theme='light'] :is(.badge.success,.pill.success) { color: #256c4b; background: rgba(125,184,145,.18); border-color: rgba(58,127,82,.2); }
:root[data-theme='light'] :is(.badge.warning,.pill.warning) { color: #825b22; background: rgba(220,180,106,.23); border-color: rgba(151,103,30,.2); }
:root[data-theme='light'] :is(.badge.danger,.pill.danger) { color: #9e4646; background: rgba(226,145,137,.18); border-color: rgba(172,83,75,.2); }
:root[data-theme='light'] .stage-dot.blue,
:root[data-theme='light'] .funnel-row .blue { background: #4f8699; }
:root[data-theme='light'] .stage-dot.amber,
:root[data-theme='light'] .funnel-row .amber { background: #ad8145; }
:root[data-theme='light'] .stage-dot.purple,
:root[data-theme='light'] .funnel-row .purple { background: #8b76a3; }
:root[data-theme='light'] .stage-dot.green,
:root[data-theme='light'] .funnel-row .green { background: #5b9173; }
:root[data-theme='light'] .panel,
:root[data-theme='light'] .table-wrap.glass { background-color: rgba(252,255,250,.49); }
:root[data-theme='light'] .info-card,
:root[data-theme='light'] .ai-card { background-color: rgba(255,255,255,.34); }
:root[data-theme='light'] .data-table th { color: #4f685a; background: rgba(231,240,228,.27); border-color: var(--line); }
:root[data-theme='light'] .data-table td { color: #334d3e; border-color: rgba(54,88,65,.12); }
:root[data-theme='light'] .data-table tbody tr:hover { background: rgba(255,255,255,.3); }
:root[data-theme='light'] .data-table .text-btn { color: #2f4b39; }
:root[data-theme='light'] .data-table .text-btn:hover { color: #805725; }
:root[data-theme='light'] .property-art-label { color: #f5f7f6; background: rgba(23,39,30,.82); border-color: rgba(255,255,255,.45); }
:root[data-theme='light'] .progress-track,
:root[data-theme='light'] .metric-bar { background: rgba(57,91,66,.13); }
:root[data-theme='light'] .progress-fill { background: linear-gradient(90deg, #759d7f, #b2aa78); }
:root[data-theme='light'] .funnel-row,
:root[data-theme='light'] .activity-row { border-color: rgba(54,88,65,.12); }
:root[data-theme='light'] .funnel-row:hover { background: rgba(255,255,255,.24); }
:root[data-theme='light'] .activity-row>.activity-dot { background: #62916c; }
:root[data-theme='light'] .task-check { background: rgba(255,255,255,.2); border-color: rgba(67,103,74,.4); color: #2b6f48; }
:root[data-theme='light'] .task-check.checked { background: rgba(119,178,132,.2); border-color: rgba(49,111,66,.45); }
:root[data-theme='light'] .task-complete .badge { color: #2d6c48; background: rgba(128,185,141,.16); border-color: rgba(67,130,81,.22); }
:root[data-theme='light'] .feature-icon,
:root[data-theme='light'] .file-icon { color: #8a622d; background: rgba(220,187,127,.16); border-color: rgba(143,107,50,.2); }
:root[data-theme='light'] .platform-label,
:root[data-theme='light'] .platform-pill { color: #47604f; background: rgba(255,255,255,.3); border-color: rgba(59,94,68,.2); }
:root[data-theme='light'] .platform-pill.active { color: #7c5726; border-color: rgba(150,109,46,.4); }
:root[data-theme='light'] .note,
:root[data-theme='light'] .info-note { color: #536342; background: rgba(225,207,162,.17); border-color: rgba(139,115,54,.2); }
:root[data-theme='light'] dialog {
  color: var(--text);
  background: rgba(246,250,244,.94);
  border-color: rgba(255,255,255,.8);
  border-top-color: #fff;
  box-shadow: 0 30px 100px rgba(35,62,46,.28), inset 0 1px 0 #fff;
}
:root[data-theme='light'] dialog::backdrop { background: rgba(73,96,77,.27); }
:root[data-theme='light'] .dialog-body p { color: var(--secondary); }
:root[data-theme='light'] :is(.form-field,.field) :is(input,select,textarea),
:root[data-theme='light'] dialog input:not([type='checkbox']):not([type='radio']),
:root[data-theme='light'] dialog select,
:root[data-theme='light'] dialog textarea {
  color: #21392b;
  background: rgba(255,255,255,.53);
  border-color: rgba(69,103,77,.25);
}
:root[data-theme='light'] dialog select option { color: #233b2c; background: #f3f8ef; }
:root[data-theme='light'] dialog input::placeholder,
:root[data-theme='light'] dialog textarea::placeholder { color: #72836f; }
:root[data-theme='light'] .detail-link { background: rgba(255,255,255,.25); }
:root[data-theme='light'] .detail-link:hover { background: rgba(255,255,255,.56); border-color: rgba(151,112,49,.35); }
:root[data-theme='light'] .checklist-row { border-color: rgba(54,88,65,.12); }
:root[data-theme='light'] .doc-status { color: #2e714b; background: rgba(132,185,143,.16); border-color: rgba(58,126,75,.23); }
:root[data-theme='light'] .doc-status.missing { color: #855e27; background: rgba(219,184,119,.18); border-color: rgba(150,111,42,.25); }
:root[data-theme='light'] .checklist .missing { color: #835a25; border-color: rgba(149,105,41,.24); }
:root[data-theme='light'] .checklist .complete { color: #326e4b; }
:root[data-theme='light'] .toast { color: #23492e; background: rgba(238,248,232,.97); border-color: rgba(76,123,76,.28); box-shadow: 0 10px 40px rgba(50,78,51,.17); }

/* Project boards and the reusable action shelf use the same glass material. */
:root[data-theme='light'] .task-shelf { background-color: rgba(252,255,249,.12); }
:root[data-theme='light'] .task-template {
  color: #2b4636;
  background: linear-gradient(130deg, rgba(255,255,255,.24), rgba(255,255,255,.04));
  border-color: rgba(64,102,75,.19);
  box-shadow: 0 4px 12px rgba(46,76,51,.04);
}
:root[data-theme='light'] .task-template:hover,
:root[data-theme='light'] .task-template:focus-visible { color: #24452e; background-color: rgba(255,255,255,.26); border-color: rgba(116,137,91,.43); }
:root[data-theme='light'] .task-template small,
:root[data-theme='light'] .task-template p,
:root[data-theme='light'] .task-template .muted { color: #586e5b; }
:root[data-theme='light'] .template-icon { color: #75643b; background: rgba(217,201,161,.27); border-color: rgba(139,120,71,.18); }
:root[data-theme='light'] .project-board { color: var(--text); background-color: rgba(250,255,247,.12); }
:root[data-theme='light'] .project-task { color: #253f2f; background: linear-gradient(125deg,rgba(255,255,255,.22),rgba(255,255,255,.07)); border-color: rgba(71,108,78,.23); border-top-color:rgba(255,255,255,.75); box-shadow: 0 4px 14px rgba(56,86,59,.06),inset 0 1px 0 rgba(255,255,255,.36); }
:root[data-theme='light'] .project-task:hover { background-color: rgba(255,255,255,.23); border-color: rgba(71,108,78,.4); }
:root[data-theme='light'] .project-meta,
:root[data-theme='light'] .project-task small,
:root[data-theme='light'] .project-task p,
:root[data-theme='light'] .project-progress { color: #506b56; }
:root[data-theme='light'] .project-dropzone { color: #5b755c; background: rgba(255,255,255,.16); border-color: rgba(73,112,76,.29); }
:root[data-theme='light'] .project-dropzone:hover { color: #795b26; background: rgba(255,255,255,.4); border-color: rgba(151,111,43,.4); }
:root[data-theme='light'] .project-board.drop-target,
:root[data-theme='light'] .project-dropzone.drop-target { background-color: rgba(233,224,188,.53); border-color: #a18344; box-shadow: 0 0 0 2px rgba(174,141,72,.13); }

/* Keep ink readable over the darker silver reflections without flattening the glass. */
:root[data-theme='light'] .project-board-header {
  background: linear-gradient(125deg,rgba(255,255,255,.25),rgba(255,255,255,.10));
  padding: 10px 10px 14px;
  margin: -8px -8px 13px;
  border-radius: 12px 12px 0 0;
}
:root[data-theme='light'] :is(.project-board-header h2,.project-meta,.project-owner,.project-progress,.project-empty span,.project-empty small,.project-task-meta) { color: #182d22; }
:root[data-theme='light'] .task-template { background-color:rgba(255,255,255,.17); color:#182d22; }
:root[data-theme='light'] .task-template small { color:#2b4435; }
:root[data-theme='light'] #navigation button { color:#213b2d; }
:root[data-theme='light'] .topbar .icon-btn { background:rgba(255,255,255,.38); border:1px solid rgba(255,255,255,.5); color:#193729; }
:root[data-theme='light'] .topbar .global-search { background:rgba(255,255,255,.48); }
:root[data-theme='light'] .project-dropzone { color:#2e4c38; }

@media (max-width: 767px) {
  :root[data-theme='light'] .sidebar { background-color: rgba(242,248,239,.92); }
  :root[data-theme='light'] body.nav-open .sidebar-backdrop,
  :root[data-theme='light'] body.menu-open .sidebar-backdrop,
  :root[data-theme='light'] .sidebar.open+.sidebar-backdrop { background: rgba(38,62,44,.27); }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root[data-theme='light'] .glass { background: #edf3e9; }
  :root[data-theme='light'] :is(.deal-card,.project-task,.task-template) { background: #f5f8f1; }
}
@media (prefers-reduced-transparency: reduce) {
  :root[data-theme='light'] .glass { background: #edf3e9; backdrop-filter:none; -webkit-backdrop-filter:none; }
  :root[data-theme='light'] :is(.deal-card,.project-task,.task-template) { background: #f8faf4; }
  :root[data-theme='light'] dialog { background: #f4f8ef; }
}
:root[data-theme='light'][data-transparency='reduced'] .glass { background: #edf3e9; backdrop-filter:none; -webkit-backdrop-filter:none; }
:root[data-theme='light'][data-transparency='reduced'] :is(.deal-card,.project-task,.task-template) { background: #f8faf4; }
:root[data-theme='light'][data-transparency='reduced'] dialog { background: #f4f8ef; }
@media (forced-colors: active) {
  :root[data-theme='light'] .crm-scene { display:none; }
  :root[data-theme='light'] :is(.glass,.deal-card,.project-task,.task-template,.project-dropzone,dialog,.toast) { color:CanvasText; background:Canvas; border:1px solid CanvasText; box-shadow:none; backdrop-filter:none; }
  :root[data-theme='light'] :is(.primary-btn,.secondary-btn,.icon-btn,.text-btn) { color:ButtonText; background:ButtonFace; border:1px solid ButtonText; box-shadow:none; }
  :root[data-theme='light'] :is(.badge,.pill,.project-badge,.template-icon,.avatar,.doc-status,.feature-icon,.platform-label,.detail-link) { color:CanvasText; background:Canvas; border-color:CanvasText; }
  :root[data-theme='light'] #navigation .active { color:HighlightText; background:Highlight; border-color:Highlight; }
  :root[data-theme='light'] #navigation .active svg { color:HighlightText; }
}