/* Exact live version with added explicit light override and focus polish */
:root {
  --moss-light: #B5CFBF;
  --sienna-dark: #5F3A27;
  --sienna-light: #EFD3A9;
  --sienna: var(--sienna-dark);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --moss: var(--moss-light); --sienna: var(--sienna-light); }
}

[data-theme="light"] {
  --moss: #1F2C26;
  --sienna: var(--sienna-dark);
  --text: #1F2C26;
  --surface: #FFFFFF;
  --parchment: #F4EDE4;
}

[data-theme="dark"] {
  --moss: var(--moss-light);
  --sienna: var(--sienna-light);
  --text: #EDE4D6;
  --surface: #1F2C26;
  --parchment: #0F1A17;
}

.primary-nav .brand,
.grok-sections .carousel-header h2 { color: var(--moss); }
.grok-sections .card-type { color: var(--sienna); }
.grok-sections .card-badge { color: #fff; }

@media (max-width: 767px) { .case-ai-toggle { display: none !important; } }

.photo-button { display: block; width: 100%; max-width: 100%; }
.photo-button img { display: block; width: 100%; max-width: 100%; height: auto; }

.chat-float {
  background: var(--sienna-dark);
  box-shadow: 0 4px 14px rgba(95,58,39,0.35);
}

.chat-float:focus-visible {
  outline: 3px solid var(--moss-light);
  outline-offset: 5px;
}

@media (max-width: 767px) {
  .chat-float { bottom: 96px; right: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .chat-float { transition: none; }
}

.grok-sections .card-badge.rust {
  background: var(--sienna-dark);
}

@media (max-width: 767px) {
  .grok-sections .category-filters {
    padding-right: 88px;
  }
}