/*
  Added all light theme color overrides and direct color values from index.html.
  These are now the single source of truth for light theme colors.
*/
body.light-theme {
  --color-bg: #fff8f0;
  --color-bg-light: #f0f0f0;
  --color-bg-white: #fffefb;
  --color-primary: #e06a00; /* Darker orange for better contrast */
  --color-primary-dark: #b85a00;
  --color-navbar: #fff;
  --color-navbar-link: #181818;
  --color-navbar-link-active: #fff;
  --color-navbar-link-bg: #e06a00;
  --color-list-bg: #fff3e0;
  --color-list-border: #e06a00;
  --color-badge-bg: #e06a00;
  --color-badge-text: #fff;
  --color-link: #e06a00;
  --color-link-hover: #b85a00;
  --color-link-shadow: #e06a0055;
  --color-footer-bg: #fff3e0;
  --color-footer-text: #181818;
  --color-lead: #181818;
  --color-hero-bg: linear-gradient(90deg, #e06a00 0%, #ffb366 100%);
  --color-hero-text: #fff;
  --color-hero-shadow: 0 4px 24px 0 rgba(255,136,0,0.08);
  --color-hr: #e06a00;
  --color-event-info-bg: #fff3e0;
  --color-event-info-border: #e06a00;
  --color-event-info-text: #181818;
  --color-navbar-toggler: #e06a00;
  --color-navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(224,106,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --color-carousel-bg: #fffbe6;
  --color-carousel-border: #e06a00;
  --color-carousel-arrow: #e06a00;
  --color-carousel-item-bg: #fffbe6;
  --color-carousel-item-text: #222;
  --color-carousel-item-title: #e06a00;
  --color-carousel-title: #e06a00;
}
body.light-theme #contact iframe {
  background: #fff3e0;
  border: 2px solid #e06a00;
}
body.light-theme .games-info-text {
  color: #111;
}