:root {
    --primary: magenta;
    --primary-color: magenta;
    --secondary-color: cyan;
    --warning-color: #f60;
    --danger-color: #900;
    --success-color: #070;
    --info-color: #aaa;
    --light-color: #eee;
    --dark-color: #111;
  
    --lightgrey-color: #ccc;
    --grey-color: #666;
    --darkgrey-color: #343a40;
  
    --link-color: #0067ac;
    --navlink-color: #aaa;
    --navlinkhover-color: #fff;
  
    --content-background-overlay: rgba(0, 0, 0, 0.05);
    --hero-background: linear-gradient(170deg, rgba(0,255,255,.4) 15%, rgba(0,255,255,.2) 42%, rgba(255,0,255,.4) 90%);
    
    --modal-text-color: #222;
    --modal-bg-color: #ddd;
  }