/* Jolly's design tokens for the Our Family funnel, mapped onto the Debranded Sections variable names.
   The designer marked these provisional (made before the brand PDF). css/brand.css, loaded last on every page,
   puts the Claus' Keepsakes brand kit (brand/BRAND.md) over them: fonts, text colour, tint, stars, borders.
   Spacing, radii and type scale stay in each section's stylesheet. */
:root{
  /* library variable -> Claus' Keepsakes value */
  --color-brand-primary:#A22D2B;      /* library #0f75ff blue: CTAs, step numbers, links, highlights */
  --color-brand-primary-hover:#86231F;
  --color-brand-secondary:#193025;    /* dark bars, secondary accents */
  --color-brand-tertiary:#DA3122;     /* logo stamp red, used sparingly */
  --color-brand-whitespace:#FFFFFF;
  --color-ui-verified:#1BBA85;
  --color-text-success:#11734F;   /* savings text on white (4.5:1+) */
  --color-ui-red:#B70101;
  --color-ui-yellow:#FFB800;
  --color-ui-green:#ACF4A1;
  --color-text-primary:#1D1916;
  --color-text-secondary:#5A4F47;
  --color-text-white:#FFFFFF;
  --color-border-default:#E6DDD0;
  --color-border-white:#FFFFFF33;
  --color-background-white:#FFFFFF;
  --color-background-brand-tint:#F8EFEA; /* library light-blue tint panels */
  --font-heading:"Fraunces",Georgia,serif;  /* brand heading family, loaded by css/brand.css */
  --font-body:"Figtree",system-ui,sans-serif;  /* brand body family, loaded by css/brand.css */
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background-white);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
