/* website-design tokens. accent #0F766E, paper #F7F6F3. generated by palette.py */
:root {
  color-scheme: light;
  /* semantic tokens: use ONLY these in components */
  --bg: #F7F6F3;
  --bg-2: #EEEDEA;
  --surface: #FFFFFF;
  --hair: #C4CFCD;
  --hair-2: #AFBAB8;
  --ink: #0C1917;
  --ink-2: #222B2A;
  --muted: #56605F;
  --accent: #0F766E;
  --accent-deep: #05635C;
  --accent-wash: #F3F9F8;
  --accent-soft: #D8EBE8;
  --accent-ink: #1F6B64;
  --on-accent: #FFFFFF;
  --second: #25D366;
  --second-deep: #28BC5D;
  --second-wash: #F1FBF2;
  --second-ink: #137034;
  --on-second: #0C1917;
  --fill: #1F2A44;
  --fill-wash: #F6F8FB;
  --fill-soft: #E2E6EF;
  --fill-ink: #525D76;
  --on-fill: #F7F6F3;
  /* primitive scales: 1-2 bg, 3-5 fills/hover/active, 6-8 borders, 9-10 solid, 11-12 text */
  --accent-1: #FAFEFD;
  --accent-2: #F3F9F8;
  --accent-3: #E7F3F1;
  --accent-4: #D8EBE8;
  --accent-5: #C7E1DD;
  --accent-6: #B3D4D0;
  --accent-7: #96C2BC;
  --accent-8: #548C86;
  --accent-9: #0F766E;
  --accent-10: #05635C;
  --accent-11: #1F6B64;
  --accent-12: #02302C;
  --neutral-1: #F7F6F3;
  --neutral-2: #EEEDEA;
  --neutral-3: #E8F3F1;
  --neutral-4: #DEE9E7;
  --neutral-5: #D2DDDC;
  --neutral-6: #C4CFCD;
  --neutral-7: #AFBAB8;
  --neutral-8: #798381;
  --neutral-9: #5F6967;
  --neutral-10: #4E5856;
  --neutral-11: #56605F;
  --neutral-12: #222B2A;
  --second-1: #F9FEFA;
  --second-2: #F1FBF2;
  --second-3: #E2F7E5;
  --second-4: #D1F0D5;
  --second-5: #BEE7C4;
  --second-6: #A5DCAF;
  --second-7: #82CB91;
  --second-8: #319750;
  --second-9: #25D366;
  --second-10: #28BC5D;
  --second-11: #137034;
  --second-12: #043214;
  --fill-1: #FCFDFE;
  --fill-2: #F6F8FB;
  --fill-3: #EDF0F6;
  --fill-4: #E2E6EF;
  --fill-5: #D6DBE6;
  --fill-6: #C6CCDA;
  --fill-7: #AFB7CA;
  --fill-8: #768096;
  --fill-9: #1F2A44;
  --fill-10: #111B34;
  --fill-11: #525D76;
  --fill-12: #222937;
}