/* Systeme.io official palette overrides (gentle, non-structural) */
:root{
  --brand-primary:#00A0FF;  /* primary */
  --text:#19191B;           /* main text */
  --text-secondary:#7B7E85; /* secondary text */
  --accent:#F2F2F3;         /* light gray */
}

/* Generic text colors */
body{ color: var(--text); }
p, li, small{ color: var(--text-secondary); }
h1, h2, h3, h4, h5, h6{ color: var(--text); }

/* Links and simple buttons */
a{ color: var(--brand-primary); }
a:hover{ filter: brightness(0.9); }

/* Common button classes (non-destructive) */
.button, .btn, .cta, button, input[type="submit"]{
  background-color: var(--brand-primary);
  color:#fff;
  border-color: transparent;
}
.button:hover, .btn:hover, .cta:hover, button:hover, input[type="submit"]:hover{
  filter: brightness(0.95);
}

/* Subtle accents for sections that use light gray backgrounds */
.section--light, .bg-light, .muted, .well, .card, .panel{
  background-color: var(--accent);
}

/* Nav highlight */
nav a.active, .nav a.active, .menu a.active{
  color: var(--brand-primary);
  border-bottom: 2px solid var(--brand-primary);
}

/* Form focus */
input:focus, select:focus, textarea:focus{
  outline-color: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(0,160,255,.15);
}