
:root[data-theme="light"] {
  --primary: #1A7A52;
  --primary-dark: #146241;
  --primary-glow: rgba(26, 122, 82, 0.12);
  --bg-dark: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-sidebar: #FFFFFF;
  --bg-panel: #FFFFFF;
  --bg-input: #F3F3F1;
  --text-light: #111114;
  --text-dim: #3D3D44;
  --text-muted: rgba(17, 17, 20, 0.62);
  --text-secondary: #55555C;
  --color-red: #C4262B;
  --color-dark-red: #A61F23;
  --color-soft-red: #D84343;
  --color-orange: #B36B00;
  --color-yellow: #A67C00;
  --color-green: #1A7A52;
  --color-purple: #6B3FA0;
  --color-blue: #1A4FCC;
  --accent-ink: #FFFFFF;
  --ink-on-primary: #FFFFFF;
  --border-color: rgba(0, 0, 0, 0.10);
  --border-color-strong: rgba(0, 0, 0, 0.18);
  --shadow-color: rgba(0, 0, 0, 0.10);
  --primary-tint-05: rgba(26, 122, 82, 0.05);
  --primary-tint-10: rgba(26, 122, 82, 0.1);
  --primary-tint-15: rgba(26, 122, 82, 0.15);
  --primary-tint-20: rgba(26, 122, 82, 0.2);
  --primary-tint-30: rgba(26, 122, 82, 0.3);
  --shadow-card: 0 6px 18px -10px rgba(17, 17, 20, 0.18), 0 1px 3px rgba(17, 17, 20, 0.08);
  --shadow-card-hover: 0 10px 24px -10px rgba(17, 17, 20, 0.22), 0 2px 5px rgba(17, 17, 20, 0.1);
  --surface-sheen: none;
  --inset-hairline: none;
  --bg-panel-glass: rgba(255, 255, 255, 0.78);
  color-scheme: light;
}

:root[data-theme="light"] .container {
  background: #FFFFFF !important;
}

:root[data-theme="light"] .card {
  background: #FFFFFF !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .kx-rim-in,
:root[data-theme="light"] .log-box,
:root[data-theme="light"] .chart-container,
:root[data-theme="light"] .km-rim-in,
:root[data-theme="light"] #reportContainer {
  background: #FFFFFF !important;
}

:root[data-theme="light"] .brand-hero-name {
  color: #111114;
}

:root[data-theme="light"] .brand-hero-tagline {
  color: #3D3D44;
}

:root[data-theme="light"] .brand-hero-icon {
  filter: contrast(1.18) saturate(1.05);
}

:root[data-theme="light"] .kx-htext,
:root[data-theme="light"] .kl-title-text,
:root[data-theme="light"] .km-h {
  color: #111114;
  text-shadow: none;
}
