:root{
  --aw-page-max: 1180px;
  --aw-gutter: 16px;
  --aw-bg: #ffffff;
  --aw-text: #0b1b22;
  --aw-muted: #5b6b76;
  --aw-border: #e6edf2;
  --aw-radius: 14px;
  --aw-shadow: 0 8px 30px rgba(0,0,0,.08);
}
@media (min-width:1024px){
  :root{--aw-gutter:24px;}
}
:root{
  /* ===== layout ===== */
  --aw-page-max: 1180px;
  --aw-gutter: 16px;

  /* ===== base colors ===== */
  --aw-bg: #ffffff;
  --aw-text: #0b1b22;
  --aw-muted: #5b6b76;
  --aw-border: #e6edf2;

  --aw-radius: 14px;
  --aw-shadow: 0 8px 30px rgba(0,0,0,.08);

  /* =================================================
     HEADER COLORS (from old project)
     ================================================= */

  /* topbar */
  --aw-bg-deep:   #003647;

  /* logo + banner */
  --aw-bg-header: #022F3B;

  /* main navigation */
  --aw-bg-nav:    #00323f;

  /* brand */
  --aw-accent-gold: #E5C46A; /* ALPIN */
  --aw-color-work:  #E8F4F5; /* WORK */

  /* menu */
  --aw-color-menu-active: #CDAF54;
  --aw-color-search-btn:  #000000;

  /* text on dark bg */
  --aw-text-light: #ffffff;
  --aw-text-muted: #c2d3dc;
}

@media (min-width:1024px){
  :root{
    --aw-gutter:24px;
  }
}