/* Light mode overrides — load this AFTER styles.css for testing */
:root{
  --bg: #70c18b;       /* light background (inverted) */
  --text: #192119;     /* dark text */
  --accent: #0b5fff;   /* keep accent (adjust if desired) */
  --muted: #556060;    /* muted text for light bg */
  --border: rgba(0,0,0,0.08);
}

/* Optional adjustments for light mode visuals */
html,body{background:var(--bg);color:var(--text)}
.nav-col a{color:var(--text)}
.footer-link,.footer-text{color:var(--text)}
.fixed-footer{border-top:1px solid var(--border)}

/* make transparent buttons more visible on light bg */
.btn-outline{border-color:rgba(0,0,0,0.18);color:var(--text);background:transparent}
.btn-outline:hover,.btn-outline:focus{background:rgba(0,0,0,0.04)}
.btn-outline.secondary{border-color:rgba(11,95,255,0.28)}