/* /css/site.css */
:root{
  --syntech-primary:#3A6EA5; --syntech-accent:#82C9A6; --syntech-bg:#FAFAFB;
  --syntech-surface:#FFFFFF; --syntech-text:#1F2937; --syntech-muted:#6B7280;
  --syntech-border:#E5E7EB; --radius:16px;
  --syntech-accent-dark: #4FA880; 
}
*{box-sizing:border-box}
body{background:var(--syntech-bg);color:var(--syntech-text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}
a{color:var(--syntech-primary)} a:hover{color:#2f5c89}

/* Nav */
.navbar{background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--syntech-border)}
.navbar-brand strong{color:var(--syntech-accent)}
.text-brand-primary{color:var(--syntech-primary)} /* replaces inline style */

/* Hero */
.hero{background:linear-gradient(180deg,#FFFFFF 0%,#FAFAFB 100%);padding:6rem 0 4rem;border-bottom:1px solid var(--syntech-border)}
.hero h1{font-weight:800;letter-spacing:.2px;color:var(--syntech-primary)}
.badge-tag{background:#EEF6F2;color:#2F5F5B;border-radius:999px;padding:.45rem .9rem;font-weight:600}

/* Sections & Cards */
.section{padding:4rem 0;border-bottom:1px solid var(--syntech-border)}
.card{background:var(--syntech-surface);border:1px solid var(--syntech-border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card .card-title{color:#0f172a}
.text-muted{color:var(--syntech-muted)!important}

/* Buttons */
.btn-primary{background-color:var(--syntech-primary);border-color:var(--syntech-primary)}
.btn-primary:hover{background-color:#325c89;border-color:#325c89}
.btn-outline-primary{color:var(--syntech-primary);border-color:var(--syntech-primary)}
.btn-outline-primary:hover{background-color:var(--syntech-primary);color:#fff}

/* Bits */
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#F3F4F6;border:2px solid #E5E7EB}
.list-check li::marker {
    ";
  color: var(--syntech-accent);
  font-size: 1rem;
}
.resource-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;padding:.5rem;border-radius:.6rem}
.resource-link .icon{width:1.1rem;height:1.1rem;border-radius:.25rem;background:var(--syntech-accent);display:inline-block}
.resource-link:hover{background:#F3F4F6}
footer{padding:3rem 0;color:var(--syntech-muted)}

/* Replace Bootstrap's data: toggler/close icons with local files  */
.navbar-light .navbar-toggler-icon{background-image:url('/assets/icons/toggler.svg')}
.btn-close{background:url('/assets/icons/close.svg') center/1em auto no-repeat}

/* Use local SVGs instead of Bootstrap's data: URLs */
/* Force local SVGs instead of Bootstrap's data: URLs */
.navbar { --bs-navbar-toggler-icon-bg: url('/assets/icons/toggler.svg'); }
.btn-close { --bs-btn-close-bg: url('/assets/icons/close.svg'); }

/* Extra belt-and-suspenders overrides */
.navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg) !important; }
.btn-close {
  background: var(--bs-btn-close-bg) center/1em auto no-repeat !important;
}

/* Email */
.contact-link {
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}
.contact-link:hover { color: var(--syntech-accent); }

.email-user   { color: var(--syntech-accent-dark); }
.email-domain { color: var(--syntech-primary); }