/*
Theme Name: Nephrobesity Child
Theme URI: https://nephrobesity.com
Description: Child theme for the Nephrobesity site. Design tokens (dark-teal brand, light content), Inter + JetBrains Mono, and custom component styles (eyebrows, lab cards, evidence-tier badges, reasoning steps, notes). Built to sit on a fast block-capable parent theme (Kadence or GeneratePress recommended). Change the Template line below to match your installed parent theme's folder name.
Author: Amir Naderi, MD
Template: kadence
Version: 1.0
*/

:root{
  --nb-brand-1:#081215; --nb-brand-2:#0c2024; --nb-brand-3:#163a33;
  --nb-ink-dark:#e9eef0; --nb-muted-dark:#7f9699;
  --nb-teal:#2dd4bf; --nb-teal-light:#5eead4; --nb-amber:#f5a623;
  --nb-ink:#12201f; --nb-muted:#55676a; --nb-line:#e2e8e9; --nb-soft:#f5f7f8;
  --nb-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --nb-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --nb-radius:14px;
}

body{font-family:var(--nb-sans);color:var(--nb-ink);line-height:1.65;}
h1,h2,h3{font-family:var(--nb-sans);font-weight:800;letter-spacing:-.02em;line-height:1.14;}

/* Eyebrow: mono label with teal tick — add class "nb-eyebrow" to a paragraph */
.nb-eyebrow{font-family:var(--nb-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#0e7d70;display:inline-flex;align-items:center;gap:10px;}
.nb-eyebrow::before{content:"";width:22px;height:2px;background:var(--nb-teal);display:inline-block;}

/* Lab / metric card — wrap a group in class "nb-lab" */
.nb-lab{background:linear-gradient(180deg,#fbfdfd,#f2f7f6);border:1px solid var(--nb-line);border-left:3px solid var(--nb-teal);border-radius:var(--nb-radius);padding:22px 24px;}
.nb-metric{font-family:var(--nb-mono);font-size:34px;font-weight:700;color:var(--nb-ink);}

/* Note box (used in imported content as .nb-note) */
.nb-note{background:var(--nb-soft);border:1px solid var(--nb-line);border-left:3px solid var(--nb-teal);border-radius:var(--nb-radius);padding:18px 22px;margin:22px 0;}
.nb-note__label{font-family:var(--nb-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#0b6a5e;margin:0 0 6px;}

/* Evidence-tier badges — add span class nb-tier nb-tier--established / --emerging */
.nb-tier{display:inline-flex;align-items:center;gap:7px;font-family:var(--nb-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;font-weight:600;}
.nb-tier::before{content:"";width:7px;height:7px;border-radius:50%;}
.nb-tier--established{background:rgba(45,212,191,.14);color:#0b6a5e;}
.nb-tier--established::before{background:var(--nb-teal);}
.nb-tier--emerging{background:rgba(245,166,35,.15);color:#8a5900;}
.nb-tier--emerging::before{background:var(--nb-amber);}

/* Numbered reasoning steps */
.nb-steps{list-style:none;padding:0;display:grid;gap:18px;}
.nb-steps li{display:flex;gap:16px;align-items:flex-start;}
.nb-steps .nb-num{flex:0 0 34px;height:34px;border-radius:50%;background:var(--nb-brand-2);color:var(--nb-teal-light);display:grid;place-items:center;font-family:var(--nb-mono);font-weight:700;border:1px solid rgba(45,212,191,.35);}

/* Dark hero band — add class nb-hero to a cover/group block */
.nb-hero{background:linear-gradient(160deg,var(--nb-brand-1),var(--nb-brand-2) 52%,var(--nb-brand-3));color:var(--nb-ink-dark);}
.nb-hero h1,.nb-hero h2{color:#fff;}

/* Footer disclaimer helper */
.nb-disclaimer{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.35);border-radius:var(--nb-radius);padding:16px 20px;font-size:14px;color:#7a5200;}