/* website-design tokens. accent #B45309, 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: #D3CAC5;
  --hair-2: #BEB5B1;
  --ink: #1D140F;
  --ink-2: #2E2724;
  --muted: #645C58;
  --accent: #B45309;
  --accent-deep: #9B4604;
  --accent-wash: #FFF6F1;
  --accent-soft: #FBE0D2;
  --accent-ink: #93440A;
  --on-accent: #FFFFFF;
  --second: #25D366;
  --second-deep: #28BC5D;
  --second-wash: #F1FBF2;
  --second-ink: #137034;
  --on-second: #1D140F;
  --fill: #2B2B2B;
  --fill-wash: #F8F8F8;
  --fill-soft: #E6E6E6;
  --fill-ink: #5D5D5D;
  --on-fill: #F7F6F3;
  /* primitive scales: 1-2 bg, 3-5 fills/hover/active, 6-8 borders, 9-10 solid, 11-12 text */
  --accent-1: #FFFCFA;
  --accent-2: #FFF6F1;
  --accent-3: #FEECE3;
  --accent-4: #FBE0D2;
  --accent-5: #F6D2C0;
  --accent-6: #EEC1AA;
  --accent-7: #E2A98A;
  --accent-8: #B16D47;
  --accent-9: #B45309;
  --accent-10: #9B4604;
  --accent-11: #93440A;
  --accent-12: #441C02;
  --neutral-1: #F7F6F3;
  --neutral-2: #EEEDEA;
  --neutral-3: #F7EEE9;
  --neutral-4: #EDE4DF;
  --neutral-5: #E2D9D4;
  --neutral-6: #D3CAC5;
  --neutral-7: #BEB5B1;
  --neutral-8: #877E7A;
  --neutral-9: #79716D;
  --neutral-10: #68605C;
  --neutral-11: #645C58;
  --neutral-12: #2E2724;
  --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: #FDFDFD;
  --fill-2: #F8F8F8;
  --fill-3: #F0F0F0;
  --fill-4: #E6E6E6;
  --fill-5: #DBDBDB;
  --fill-6: #CCCCCC;
  --fill-7: #B7B7B7;
  --fill-8: #808080;
  --fill-9: #2B2B2B;
  --fill-10: #1D1D1D;
  --fill-11: #5D5D5D;
  --fill-12: #292929;
}