/* ════════════════════════════════════════════════════════════════ itsnursepaige — SHARED DESIGN SYSTEM v2 (calm & warm) Linked LAST in each page's so it cascades over inline styles. Centralizes the tokens + serif headings used across the dashboard, keeping every public page visually consistent with the portal. ════════════════════════════════════════════════════════════════ */ :root{ --serif:'Fraunces',Georgia,serif; --ds-sage:#6d9179; --ds-sage-deep:#456b56; --ds-sage-soft:#edf3ee; --ds-sage-line:#dde8e1; --ds-terra:#C4622D; --ds-gold:#b1862f; --ds-line:#ece6dc; --ds-shadow:0 1px 2px rgba(60,45,30,.04), 0 12px 30px rgba(60,45,30,.05); --ds-shadow-sm:0 1px 2px rgba(60,45,30,.05); --r:16px; --r-sm:10px; } /* — Calmer serif headings wherever a page relies on plain elements — */ h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;} /* ─────────── index.html (landing) ─────────── */ h1.hero-h1{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;} h2.sh{font-family:var(--serif);font-weight:500;} .final-cta h2{font-family:var(--serif);font-weight:500;} .offer-price{font-family:var(--serif);font-weight:500;} .about-float .num{font-family:var(--serif);font-weight:500;} /* ─────────── login.html ─────────── */ .login-title{font-family:var(--serif);font-weight:500;} .login-card{border:none;box-shadow:var(--ds-shadow);} /* ─────────── reset-password.html ─────────── */ .reset-card,.login-card{border:none;box-shadow:var(--ds-shadow);} /* ─────────── checkout.html ─────────── */ .order-title{font-family:var(--serif);font-weight:500;} .order-price-amount{font-family:var(--serif);font-weight:500;} /* ─────────── thankyou.html ─────────── */ .offer-headline{font-family:var(--serif);font-weight:500;} /* ─────────── purchase-complete.html ─────────── */ .success-h1{font-family:var(--serif);font-weight:500;} .steps-title{font-family:var(--serif);font-weight:500;} /* ─────────── privacy-policy.html / terms.html ─────────── */ .policy-title{font-family:var(--serif);font-weight:500;} /* ─────────── 404.html ─────────── */ .number{font-family:var(--serif);font-weight:500;} /* (access-revoked.html + reset-password.html use a plain

, already covered by the element rule above.) */ /* ─────────── admin.html (backend) ─────────── */ .login-card h1{font-family:var(--serif);font-weight:500;} .stat-num,.rev-num{font-family:var(--serif);font-weight:500;} .section-head h2{font-family:var(--serif);font-weight:500;} .modal h3{font-family:var(--serif);font-weight:500;} .stat-card,.table-wrap,.rev-stat{border:none;box-shadow:var(--ds-shadow);border-radius:var(--r);} /* ─────────── crm.html (backend) ─────────── */ .stat-value{font-family:var(--serif);font-weight:500;} .crm-section{border:none;box-shadow:var(--ds-shadow);border-radius:var(--r);} /* (itsnursepaige.html is a landing-page variant — its hero-h1 / h2.sh headings are already covered by the index.html rules above.) */