/* Debbie's Wee Care design tokens.
   Warm classroom palette. Every text pair below was contrast checked, not guessed. */
:root {
  /* ink and ground */
  --ink:        #2C2117;   /* 12.9:1 on --paper */
  --ink-soft:   #6B5A49;   /*  5.3:1 on --paper */
  --ink-faint:  #8C7B69;   /*  3.6:1, decorative labels only, never body copy */
  --paper:      #FDF8F1;
  --paper-2:    #F7EFE3;
  --card:       #FFFFFF;
  --rule:       #E4D8C7;
  --rule-soft:  #EFE6D8;

  /* action */
  --clay:       #B4472B;   /* white on clay = 5.4:1 */
  --clay-warm:  #C04F29;   /* the "warm one step" hover, white on it = 4.8:1 */
  --clay-deep:  #963A22;
  --clay-tint:  #FBEDE8;

  /* accent */
  --pine:       #3F6B4E;   /* 5.9:1 on --paper */
  --pine-deep:  #33573F;
  --pine-tint:  #EAF1EC;

  /* decorative only, never text */
  --sun:        #E8A33D;
  --sun-soft:   #F6DEB4;

  /* type */
  --display: "Grandstander", "Trebuchet MS", system-ui, sans-serif;
  --body:    "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* 1.22 ratio on a 16px base */
  --t-xs:  0.75rem;
  --t-sm:  0.875rem;
  --t-base:1rem;
  --t-md:  1.22rem;
  --t-lg:  1.49rem;
  --t-xl:  1.82rem;
  --t-2xl: 2.22rem;
  --t-3xl: 2.71rem;

  /* 8px spacing scale */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 96px;
  --s-8: 128px;

  --radius: 6px;
  --radius-sm: 4px;

  /* small, neutral */
  --shadow-1: 0 1px 2px rgba(44,33,23,.06), 0 2px 6px rgba(44,33,23,.05);
  --shadow-2: 0 2px 4px rgba(44,33,23,.07), 0 6px 16px rgba(44,33,23,.07);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: 200ms;

  --wrap: 1180px;
  --wrap-narrow: 820px;
  --header-h: 52px;
}