/* For Families theme (background required: #FAEBEB) */

/*
COLOR PALETTE

Families
--------
background-pink: #F2F2F2;
background-muted: #f3f5f9;

btn-download-teal-dark: #5f7878;
btn-primary-light-green: #eef2f2;
btn-view: white bkgrnd; block font; underline
btn-copy: bkgrnd: #F6F2F4; border & font: #6B7280;

card-pink: #FAEBEB;

gray: #6B7280;
light-gray: #F6F2F4;
warm-gray: #D8D2CA;

accent-sky-blue: #BFD7FC;
accent-warm-gray: #D8D2CA;

*/

:root {
  /* Base */


  --bg: #F2F2F2;
  --card: #D8D2CA;
  --band: #F2F2F2;
  --line: #e5e7eb;

  /* Text */
  --ink: #1F2937;
  --muted: #6B7280;
  --hint: #9CA3AF;

  /* Accents */
  --accent: #2F6F6D;
  /* primary CTA + links */
  --accent-hover: #285E5C;
  --focus: rgba(47, 111, 109, 0.18);

  /* Boundary (“What This Is Not”) */
  --boundary: #B07A6A;
  --boundary-bg: #FFF1EE;
  --boundary-line: #E7C7BF;

  /* Optional info callout */
  --info-bg: #F3F6F6;
  --info-line: #D7E3E2;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: #ededed;
  /*font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;*/
  /*background: linear-gradient(180deg, #fff7ed 0%, var(--bg) 55%, #ffffff 100%);*/
  color: var(--ink);
  line-height: 1.55;
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #374151
}

li {
  margin: 6px 0;
}

h1 {
  font-size: 30px;
  margin: 12px 0 8px;
}

h2 {
  font-size: 22px;
  margin: 0 0 6px;
}