/* ============================================================
   variables.css — EDIT COLORS & FONTS HERE
   ============================================================ */
:root {
  --navy:    #0B1C2C;
  --steel:   #1A3A52;
  --mid:     #2A5A7A;
  --accent:  #00A8E8;
  --light:   #E8F4FB;
  --white:   #FFFFFF;
  --grey:    #8A9BAB;
  --border:  rgba(0,168,232,.18);
  --dark-bg: #06111A;
  --card-bg: rgba(255,255,255,.04);

  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  --ease:        cubic-bezier(.25,.46,.45,.94);
  --ease-bounce: cubic-bezier(.34,1.56,.64,1);
  --section-padding: 100px 5vw;
  --navbar-height:   72px;
}