/* Mitta brand tokens (Brand Sheet v1.2). Loaded on every page before the page stylesheet. */
:root{
  /* Surfaces */
  --cream:#FAF8F3;      /* page background */
  --card:#FFFFFF;
  --line:#E8E1D8;       /* borders & dividers */

  /* Text */
  --charcoal:#201D1B;   /* headings & body */
  --stone:#756F68;      /* secondary / captions / meta */
  --espresso:#201D1B;   /* labels on color fills */

  /* Accents — fills only, never body text */
  --orange:#F45E49;     /* primary / CTA */
  --green:#55CFA0;      /* accent / guide */
  --yellow:#FFF3D8;     /* soft highlights */

  /* Type */
  --display:'Space Grotesk',sans-serif;   /* headings */
  --sans:'Inter',system-ui,sans-serif;    /* body */
  --round:'Inter',sans-serif;             /* kickers, labels, initials */
}