/* Homeschool Corral design tokens (2026 redesign). Every page loads this first: /hc-theme.css.
   Then /hc.css (shared base, header, footer, content pages) and, per page type, /hc-home.css, /pages.css or the app's own styles.
   Palette: warm ivory paper, bluebonnet navy, pecan wood, sandstone, one copper accent.
   Type: Besley (a Clarendon revival, headings) + Public Sans (body). */

:root {
  /* color */
  --ivory: #FFFFFF;          /* page paper */
  --ivory-2: #FFFFFF;        /* raised paper */
  --stone: #F2F4F7;          /* sandstone panels */
  --stone-2: #C2C9D3;        /* sandstone edges */
  --navy: #1B2A41;           /* primary */
  --navy-2: #233552;         /* raised surface on navy */
  --navy-3: #101A2B;         /* deepest */
  --pecan: #7E5236;          /* wood */
  --pecan-2: #A6764F;
  --copper: #B0602B;         /* accent: primary actions only */
  --copper-2: #93501F;
  --copper-soft: #E7A57A;    /* copper on dark */
  --ink: #1D2330;            /* body text on ivory */
  --ink-2: #4A5060;
  --ink-3: #6A6670;
  --on-navy: #FFFFFF;
  --on-navy-2: #C3C9D4;
  --line: rgba(27, 42, 65, .22);
  --line-navy: rgba(255, 255, 255, .14);
  --focus: #2F6FB2;

  /* type */
  --font-head: 'Besley', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-hero: clamp(2.4rem, 1.55rem + 2.9vw, 4rem);
  --fs-h2: clamp(2rem, 1.45rem + 2.1vw, 3.1rem);
  --fs-h3: clamp(1.45rem, 1.25rem + .7vw, 1.85rem);
  --fs-h4: 1.25rem;
  --fs-lead: clamp(1.125rem, 1.05rem + .3vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-tiny: .8125rem;
  --measure: 62ch;

  /* space (8-point, with a few half steps) */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem; --s-10: 8rem;
  --section: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --gutter: clamp(1rem, .6rem + 2vw, 2.5rem);
  --max: 1240px;

  /* shape: larger things get larger radii */
  --r-1: 6px; --r-2: 10px; --r-3: 16px; --r-4: 24px; --r-pill: 999px;

  /* depth: warm-tinted, layered shadows (never plain grey) */
  --sh-1: 0 1px 1px rgba(36, 28, 18, .06), 0 2px 6px -2px rgba(36, 28, 18, .10);
  --sh-2: 0 1px 2px rgba(36, 28, 18, .06), 0 10px 24px -10px rgba(36, 28, 18, .28);
  --sh-3: 0 2px 4px rgba(36, 28, 18, .06), 0 18px 36px -14px rgba(36, 28, 18, .30), 0 40px 70px -40px rgba(27, 42, 65, .28);
  --sh-navy: 0 2px 4px rgba(0, 0, 0, .18), 0 22px 44px -18px rgba(0, 0, 0, .55);
  --sh-inset: inset 0 1px 0 rgba(255, 255, 255, .55);

  /* motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 160ms;
  --t-med: 280ms;

  /* older names still used inside My Homeschool and a few pages, mapped onto the new palette */
  --sand: #FFFFFF; --sand-2: #F2F4F7; --sand-3: #CDD3DB; --post: #C2C9D3; --paper: #FFFFFF;
  --leather: #1D2330; --leather-2: #4A5060; --muted: #5C6170;
  --rust: #B0602B; --rust-2: #93501F; --denim: #1B2A41; --denim-2: #101A2B; --gold: #E7A57A; --sage: #4F6B3A;
}