/* =========================
   InfoLib Wiki Theme Styles
   FILE: wiki-theme.css
========================= */

/* ---------- Fonts ---------- */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800;900&display=swap');

:root {

  --primary: #ee8c2b;

  --bg-light:#f8f7f6;
  --text-light:#3F3434;

  --card-bg: rgba(255,255,255,.70);
  --card-border: rgba(63,52,52,.10);

}


/* ---------- Base ---------- */

html, body {

  font-family: Manrope, system-ui, sans-serif;

  background: var(--bg-light);

  color: var(--text-light);

  line-height:1.6;

}


/* gradient background similar to wiki */

body::before{

  content:"";

  position:fixed;

  inset:0;

  background:
    linear-gradient(
      to top,
      #FFF7ED,
      rgba(255,247,237,.8),
      transparent
    );

  opacity:.20;

  pointer-events:none;

  z-index:-1;

}



/* ---------- Typography ---------- */

h1{

  font-weight:900;

  letter-spacing:-.02em;

  font-size:clamp(1.9rem,4vw,2.6rem);

  margin-bottom:.4em;

}

h2{

  font-weight:800;

  margin-top:2rem;

  font-size:1.5rem;

}

h3{

  font-weight:700;

  margin-top:1.25rem;

}

p{

  margin:.7rem 0;

}



/* ---------- Links ---------- */

a{

  color:var(--primary);

  text-decoration:none;

}

a:hover{

  text-decoration:underline;

}



/* ---------- Cards / Sections ---------- */

main section{

  background:var(--card-bg);

  border:1px solid var(--card-border);

  border-radius:.75rem;

  padding:1.4rem;

  margin-bottom:1.5rem;

  backdrop-filter:blur(6px);

  box-shadow:
  0 1px 3px rgba(0,0,0,.04);

}



/* ---------- Lists ---------- */

ul,
ol{

  margin-top:.6rem;

  padding-left:1.3rem;

}

li{

  margin-bottom:.5rem;

}



/* ---------- Header Hero ---------- */

header{

  background:var(--card-bg);

  border:1px solid var(--card-border);

  border-radius:.75rem;

  padding:1.6rem;

  margin-bottom:1.5rem;

  backdrop-filter:blur(6px);

  box-shadow:
  0 1px 3px rgba(0,0,0,.04);

}



/* ---------- Breadcrumb ---------- */

nav[aria-label="Breadcrumb"]{

  font-size:.9rem;

  margin-bottom:.7rem;

  opacity:.85;

}

nav[aria-label="Breadcrumb"] a{

  color:inherit;

}



/* ---------- CTA button ---------- */

header a[href*="dashboard"],
header a[href*="research-hub"]{

  display:inline-block;

  margin-top:.7rem;

  padding:.5rem .9rem;

  border-radius:999px;

  border:1px solid rgba(63,52,52,.15);

  background:rgba(255,255,255,.7);

  font-weight:700;

  transition:.2s;

}

header a[href*="dashboard"]:hover{

  background:white;

  border-color:rgba(63,52,52,.40);

}



/* ---------- Footer ---------- */

footer{

  margin-top:2rem;

  font-size:.9rem;

  opacity:.75;

}

/* ---------- Footer CTA button ---------- */

footer a[href="/wiki"]{

  display:inline-block;

  margin-top:.7rem;

  padding:.5rem .9rem;

  border-radius:999px;

  border:1px solid rgba(63,52,52,.15);

  background:rgba(255,255,255,.7);

  font-weight:700;

  transition:.2s;

}

footer a[href="/wiki"]:hover{

  background:white;

  border-color:rgba(63,52,52,.40);

  text-decoration:none;

}


/* ---------- Mobile ---------- */

@media(max-width:700px){

main section,
header{

  padding:1.1rem;

}

}