/* Trupe design tokens. Rules in docs/DESIGN.md. Paper, ink and six animal colors. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/vendor/fonts/fraunces-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/vendor/fonts/fraunces-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/vendor/fonts/instrument-sans.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/vendor/fonts/jetbrains-mono.woff2) format("woff2")}
:root{
  /* Surfaces. */
  --paper:#F4EEE4; --paper-2:#EDE5D8; --card:#FBF7F0; --line:#E2D8C9; --line-2:#D3C6B3;
  /* Ink. Every text pair passes WCAG AA on --paper and --card. --pencil is for strokes and dots only, never text. */
  --ink:#2B2622; --ink-2:#5C534B; --ink-3:#6E645A; --pencil:#8D8378; --on-ink:#F7F1E8;
  /* Action and the six animal colors. Terracotta fills, terra-ink when it is text. No alarm red: problems use honey with ink text. */
  --terra:#D9734E; --terra-ink:#A94B2B; --honey:#E3B04B; --honey-ink:#7A5A12; --sage:#8FA98A; --peri:#8A93D9; --peri-ink:#5560B0; --rose:#C98A9E; --sky:#7FA7C9; --moss:#5E8C6A;
  --terra-wash:#F6DCCD; --honey-wash:#F8EBC9; --sage-wash:#E4EBDD; --peri-wash:#E6E8F7; --rose-wash:#F3E0E3; --sky-wash:#E1ECF5;
  --danger:#9A4426;
  /* Type: Fraunces for names and titles, Instrument Sans for the interface, JetBrains Mono for small labels. */
  --serif:"Fraunces",Georgia,serif; --sans:"Instrument Sans",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --t-xs:12px; --t-sm:13.5px; --t-md:15px; --t-lg:18px; --t-xl:24px; --t-2xl:34px;
  --lh:1.5;
  /* Space: 4px base. */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;
  /* Shape: generous radius. */
  --r1:10px; --r2:16px; --r3:24px; --r4:32px;
  --lift:0 6px 16px -10px rgba(70,50,30,.30);
  --dur:160ms; --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
}