/* ==========================================================================
   ABMKeys Global CSS — Variables + Astra Overrides
   ========================================================================== */

/* --- CSS Custom Properties --- */
:root {
  --abm-blue:       #1B4FD8;
  --abm-blue-mid:   #2563EB;
  --abm-blue-dark:  #1240b8;
  --abm-blue-pale:  #EFF4FF;
  --abm-blue-pale2: #DBEAFE;
  --abm-ink:        #0F172A;
  --abm-text:       #1E293B;
  --abm-body:       #475569;
  --abm-muted:      #94A3B8;
  --abm-border:     #E2E8F0;
  --abm-bg:         #F8FAFC;
  --abm-white:      #FFFFFF;
  --abm-shadow-sm:  0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);
  --abm-shadow-md:  0 4px 16px rgba(15,23,42,0.08), 0 2px 6px rgba(15,23,42,0.04);
  --abm-shadow-lg:  0 12px 40px rgba(15,23,42,0.12), 0 4px 12px rgba(15,23,42,0.06);
}

/* --- Base Typography --- */
body {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px;
  color: var(--abm-text);
  background: var(--abm-white);
  -webkit-font-smoothing: antialiased;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.ast-archive-description .ast-archive-title,
.entry-title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800;
  color: var(--abm-ink);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

/* --- Links --- */
a {
  color: var(--abm-blue);
}
a:hover {
  color: var(--abm-blue-dark);
}

/* --- Selection --- */
::selection {
  background: var(--abm-blue-pale2);
  color: var(--abm-blue-dark);
}

/* --- Astra Global Color Overrides --- */
.ast-site-identity .site-title a {
  color: var(--abm-ink) !important;
}
.ast-site-identity .site-title a:hover {
  color: var(--abm-blue) !important;
}