:root {
    --brand-blue: #0070ba;
    --brand-gray: #858585;
  }
  
  /* ===== Basis overrides ===== */
  .pa-color-primary     { color: var(--brand-blue)  !important; }
  .pa-color-primary-rgba{ color: rgba(0,112,186,1)  !important; }
  .pa-color-primary-b   { color: var(--brand-blue)  !important; }
  .pa-color-primary-c   { color: var(--brand-gray)  !important; }
  .pa-color-primary-d   { color: var(--brand-gray)  !important; }
  .pa-color-primary-d-rgba { color: rgba(133,133,133,1) !important; }
  
  /* ===== Loader ===== */
  #loader               { border-top-color: var(--brand-blue) !important; }
  #loader:before        { border-top-color: var(--brand-gray) !important; }
  #loader:after         { border-top-color: var(--brand-gray) !important; }
  
  /* ===== Navigatie ===== */
  nav a em              { color: var(--brand-gray) !important; }
  
  /* ===== Hero subkop ===== */
  .pa-h2-v2-hero-subhead strong {
    color: var(--brand-blue) !important;
  }
  
  /* ===== Link hover in donker thema ===== */
  .pa-p-v2.pa-dark a:hover {
    color: var(--brand-gray) !important;
  }
  
  /* ===== Buttons en formulieren ===== */
  button[type="submit"]:hover,
  input[type="submit"]:hover {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
  }
  .pa-form-on-white button[type="submit"] {
    background-color: var(--brand-blue) !important;
    border: 2px solid var(--brand-blue) !important;
  }
  
  /* ===== Knoppen ===== */
  a.pa-button-primary {
    background-color: var(--brand-blue) !important;
  }
  
  /* ===== Gradients ===== */
  .pa-gradient-back-v1 {
    background: linear-gradient(90deg,
      rgba(0,112,186,0.8) 0%,
      rgba(133,133,133,0.8) 100%) !important;
  }
  .pa-gradient-back-v2 {
    background: linear-gradient(to right,
      var(--brand-blue) 0%,
      var(--brand-gray) 100%) !important;
  }
  
  /* ===== Portfolio deco ===== */
  .pa-portfolio-thumb-deco-1,
  .pa-portfolio-thumb-deco-2 {
    background: linear-gradient(90deg,
      rgba(133,133,133,0.8) 0%,
      rgba(0,112,186,1)     100%) !important;
  }
  
  /* ===== Portfolio hover icon ===== */
  .pa-portfolio-thumb-hover-icon {
    color: var(--brand-gray) !important;
  }
  
  /* ===== Skill bar ===== */
  .pa-skill-bar {
    background: linear-gradient(90deg,
      var(--brand-blue)  0%,
      var(--brand-gray) 100%) !important;
  }
  
  /* ===== Footer links hover ===== */
  footer a:hover {
    color: var(--brand-gray) !important;
  }