:root {
  --brand-cyan:#00ccff;
  --brand-navy:#003f66;

  /* universal button vars */
  --btn-bg:#00ccff; --btn-text:#ffffff;
  --btn-bg-hover:#000000; --btn-text-hover:#00ccff;
  --btn-border:#00ccff; --btn-radius:50px;
  --btn-shadow:0 4px 8px rgba(0,0,0,.2);
  --btn-shadow-hover:0 6px 12px rgba(0,0,0,.3);
  --btn-padding:12px 28px; --btn-font-size:1rem;
  --btn-font-weight:600; --btn-letter-spacing:0;

  /* hero/overlay */
  --overlay-size: clamp(20px, 2.6vw, 25px);
  --overlay-gap: 20px; --overlay-offset: 10px;
  --shadow-dark-1:#111; --shadow-dark-2:#222;
}