/* ────────────────────────────────────────────────────────────────
   CRITICAL: nav, hero gradient & immediately-needed utilities
   (≈ < 4 kB after gzip – keep it lean!)
   ──────────────────────────────────────────────────────────────── */
:root{
  --ol-primary       : #0061f2;
  --ol-primary-50    : #e6f0ff;
  --ol-light-bg      : #ffffff;
  --ol-dark-bg       : #121520;      /* charcoal for dark-mode hero     */
  --transition-fast  : .2s ease;
  --nav-height       : 5rem;
}

body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
               "Helvetica Neue",Arial,sans-serif;
  margin:0;
}

/* ═══════════════ NAVBAR • LINKS • BRAND ════════════════ */
.navbar{transition:box-shadow var(--transition-fast);}

.navbar .nav-link{
  opacity:.8;
  transition:opacity var(--transition-fast);
}
.navbar .nav-link:hover,
.navbar .nav-link:focus{opacity:1;}

/* 1️⃣  OrbitLend word-mark in brand blue – stays blue after visit */
.navbar-brand,
.navbar-brand:visited{color:var(--ol-primary)!important;}

/* 2️⃣  Hover / focus feedback + keyboard outline */
.navbar-brand:hover,
.navbar-brand:focus{color:#004bd1!important;}          /* 10 % darker */
.navbar-brand:focus{
  outline:2px solid var(--ol-primary);
  outline-offset:2px;
}

/* 3️⃣  Dark-mode: keep the same brand colour */
[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .navbar-brand:visited{
  color:var(--ol-primary)!important;
}

/* 4️⃣  Toggler icon – brand blue ↔ white for contrast */
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' \
        stroke='%230061f2' stroke-width='2'>\
    <path stroke-linecap='round' stroke-miterlimit='10' \
          d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
[data-theme="dark"] .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' \
        stroke='%23ffffff' stroke-width='2'>\
    <path stroke-linecap='round' stroke-miterlimit='10' \
          d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

/* Primary buttons use the token */
.btn-primary{background:var(--ol-primary);border:none;}

/* ═══════════════ HERO + GRADIENT TEXT ════════════════ */
.hero{
  background:linear-gradient(135deg,var(--ol-primary-50) 0%,
                                      var(--ol-light-bg) 100%);
  padding-block:4.5rem;
}
/* Dark-mode: tone down the glow so it isn’t washed-out */
[data-theme="dark"] .hero{
  background:linear-gradient(135deg,#00357a 0%,var(--ol-dark-bg) 100%);
}

/* Gradient accent inside headings */
.gradient-text{
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
  background:linear-gradient(45deg,var(--ol-primary),#4c8dff);
}

/* Any anchorable section sits below the fixed nav */
[id]{scroll-margin-top:var(--nav-height);}