/* qrly self-hosted font set — shared by the app, the scanner sheet, and print.
   .font-<key> sets the family; a thing stores its `font` key and gets that class. */
@font-face{font-family:'Fraunces';font-weight:400;font-display:swap;src:url('/vendor/f-fraunces-400.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:700;font-display:swap;src:url('/vendor/f-fraunces-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/vendor/f-inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url('/vendor/f-inter-700.woff2') format('woff2')}
@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url('/vendor/f-nunito-400.woff2') format('woff2')}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url('/vendor/f-nunito-700.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:400;font-display:swap;src:url('/vendor/f-grotesk-400.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-weight:700;font-display:swap;src:url('/vendor/f-grotesk-700.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-weight:400;font-display:swap;src:url('/vendor/f-caveat-400.woff2') format('woff2')}
@font-face{font-family:'Caveat';font-weight:700;font-display:swap;src:url('/vendor/f-caveat-700.woff2') format('woff2')}
.font-fraunces{font-family:'Fraunces',Georgia,serif}
.font-inter{font-family:'Inter',system-ui,sans-serif}
.font-nunito{font-family:'Nunito',system-ui,sans-serif}
.font-grotesk{font-family:'Space Grotesk',system-ui,sans-serif}
.font-caveat{font-family:'Caveat',cursive}

/* ---- Tend design system (from the design assets) ---- */
@font-face{font-family:'Spectral';font-weight:400;font-display:swap;src:url('/vendor/f-spectral-400.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-weight:600;font-display:swap;src:url('/vendor/f-spectral-600.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('/vendor/f-spectral-400i.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:400;font-display:swap;src:url('/vendor/f-hanken-400.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:600;font-display:swap;src:url('/vendor/f-hanken-600.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-weight:700;font-display:swap;src:url('/vendor/f-hanken-700.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-weight:400;font-display:swap;src:url('/vendor/f-spacemono-400.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-weight:700;font-display:swap;src:url('/vendor/f-spacemono-700.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:700;font-display:swap;src:url('/vendor/f-archivo-700.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:800;font-display:swap;src:url('/vendor/f-archivo-800.woff2') format('woff2')}
:root{
  --ink:#181713;--ink-soft:#3f3c34;--muted:#5e5a4c;--faint:#6e6858;
  --paper:#f6f2e9;--paper-2:#f1ede2;--card:#fffdf8;--line:#e3dccb;
  --serif:'Spectral',Georgia,serif;--sans:'Hanken Grotesk',-apple-system,system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,SFMono-Regular,monospace;--display:'Archivo','Hanken Grotesk',sans-serif;
  --accent:#5c7a4f;--tint:#eef2e7;
}
.cat-plants{--accent:#5c7a4f;--tint:#eef2e7}
.cat-appliances{--accent:#4f6a82;--tint:#e7edf2}
.cat-home{--accent:#a8693f;--tint:#f4ece4}
.cat-general{--accent:#6a675c;--tint:#f1ede2}
.font-spectral{font-family:'Spectral',Georgia,serif}
.font-hanken{font-family:'Hanken Grotesk',-apple-system,system-ui,sans-serif}