/* website-design tokens. accent #2F7D5B, paper #F7F6F1. generated by palette.py */
:root {
  color-scheme: light;
  /* semantic tokens: use ONLY these in components */
  --bg: #F7F6F1;
  --bg-2: #EEEDE8;
  --surface: #FFFFFF;
  --hair: #C6CFCA;
  --hair-2: #B1BAB5;
  --ink: #0F1913;
  --ink-2: #242B27;
  --muted: #58605B;
  --accent: #2F7D5B;
  --accent-deep: #196B4A;
  --accent-wash: #F4F9F6;
  --accent-soft: #DAEBE2;
  --accent-ink: #2D6C4F;
  --on-accent: #FFFFFF;
  --second: #25D366;
  --second-deep: #28BC5D;
  --second-wash: #F1FBF2;
  --second-ink: #137034;
  --on-second: #0F1913;
  --fill: #D9A441;
  --fill-wash: #FBF7F0;
  --fill-soft: #F1E4D0;
  --fill-ink: #7B5601;
  --on-fill: #0F1913;
  /* primitive scales: 1-2 bg, 3-5 fills/hover/active, 6-8 borders, 9-10 solid, 11-12 text */
  --accent-1: #FBFEFC;
  --accent-2: #F4F9F6;
  --accent-3: #E8F3ED;
  --accent-4: #DAEBE2;
  --accent-5: #CAE1D5;
  --accent-6: #B6D5C4;
  --accent-7: #9BC2AD;
  --accent-8: #5B8D74;
  --accent-9: #2F7D5B;
  --accent-10: #196B4A;
  --accent-11: #2D6C4F;
  --accent-12: #0B3121;
  --neutral-1: #F7F6F1;
  --neutral-2: #EEEDE8;
  --neutral-3: #E9F3EE;
  --neutral-4: #E0E9E4;
  --neutral-5: #D4DDD8;
  --neutral-6: #C6CFCA;
  --neutral-7: #B1BAB5;
  --neutral-8: #7A837E;
  --neutral-9: #666F6A;
  --neutral-10: #565D59;
  --neutral-11: #58605B;
  --neutral-12: #242B27;
  --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: #FFFCF9;
  --fill-2: #FBF7F0;
  --fill-3: #F8EFE1;
  --fill-4: #F1E4D0;
  --fill-5: #E9D8BD;
  --fill-6: #DFC9A5;
  --fill-7: #D0B383;
  --fill-8: #9D7A3C;
  --fill-9: #D9A441;
  --fill-10: #C5912A;
  --fill-11: #7B5601;
  --fill-12: #382500;
}