/* Books: design tokens. Light is the default ground (warm paper, white working surfaces); dark is graphite.
   Vestora gives the identity (its green for the one primary action and for "done", its acid point for
   where you are, its neutrals and hairlines). Every colour below is used through a token. */
@font-face{font-family:'Familjen Grotesk';font-weight:500;font-display:swap;src:url('fonts/familjen-grotesk-500.woff2') format('woff2')}
@font-face{font-family:'Familjen Grotesk';font-weight:600;font-display:swap;src:url('fonts/familjen-grotesk-600.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:400;font-display:swap;src:url('fonts/instrument-sans-400.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:500;font-display:swap;src:url('fonts/instrument-sans-500.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-weight:600;font-display:swap;src:url('fonts/instrument-sans-600.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:100 900;font-display:swap;src:url('fonts/Archivo-Variable-latin.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-weight:400;font-display:swap;src:url('fonts/space-mono-400.woff2') format('woff2')}

:root{
  --ground:#f5f2ed;--surface:#ffffff;--surface-2:#faf8f4;--sunken:#ece8df;--raised:#ffffff;
  --text:#0a0a0a;--text-2:#45443f;--text-3:#6b6862;--text-4:#8b8982;
  --line:rgba(20,23,26,.085);--line-2:rgba(20,23,26,.14);--line-3:rgba(20,23,26,.24);
  --brand:#4d6b00;--brand-2:#3f5800;--on-brand:#f7f8f4;--brand-tint:rgba(77,107,0,.075);--brand-line:rgba(77,107,0,.28);
  --acid:#aecd3a;--acid-ink:#4d6b00;
  --pos:#4d6b00;--neg:#b42318;--warn:#8a5300;--info:#1f4fd1;--violet:#5b3fc4;
  --pos-tint:rgba(77,107,0,.08);--neg-tint:rgba(180,35,24,.075);--warn-tint:rgba(170,105,0,.1);--info-tint:rgba(31,79,209,.075);--violet-tint:rgba(91,63,196,.08);--plain-tint:rgba(20,23,26,.055);
  --hover:rgba(20,23,26,.045);--press:rgba(20,23,26,.085);--select:rgba(77,107,0,.07);
  --shadow-1:0 1px 2px rgba(20,23,26,.05);--shadow-2:0 8px 28px -6px rgba(20,23,26,.16),0 0 0 1px rgba(20,23,26,.06);--shadow-3:0 28px 80px -16px rgba(20,23,26,.34),0 0 0 1px rgba(20,23,26,.08);
  --scrim:rgba(20,23,26,.32);
  --chart-1:#4d6b00;--chart-2:#a3a199;--chart-3:#cfccc4;--chart-band:rgba(77,107,0,.13);--chart-grid:rgba(20,23,26,.07);
  --f-ui:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--f-display:'Archivo',system-ui,sans-serif;--f-num:'Archivo','Instrument Sans',system-ui,sans-serif;--f-mono:'Space Mono',ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,0,0,1);--out:cubic-bezier(.16,1,.3,1);--t:160ms;
  --r-1:6px;--r-2:8px;--r-3:12px;--r-4:16px;
  --rail:236px;--bar:56px;--gutter:28px;--gap:16px;
  color-scheme:light;
}
[data-theme="dark"]{
  --ground:#0a0a0a;--surface:#111210;--surface-2:#151613;--sunken:#0c0d0b;--raised:#181a15;
  --text:#f5f2ed;--text-2:#b5b2aa;--text-3:#9a978f;--text-4:#76736c;
  --line:rgba(255,255,255,.075);--line-2:rgba(255,255,255,.13);--line-3:rgba(255,255,255,.24);
  --brand:#aecd3a;--brand-2:#c0dc55;--on-brand:#0a0a0a;--brand-tint:rgba(174,205,58,.1);--brand-line:rgba(174,205,58,.34);
  --acid:#aecd3a;--acid-ink:#aecd3a;
  --pos:#aecd3a;--neg:#ff8a80;--warn:#f2bb55;--info:#8fbfff;--violet:#b9a4ff;
  --pos-tint:rgba(174,205,58,.11);--neg-tint:rgba(255,138,128,.12);--warn-tint:rgba(242,187,85,.12);--info-tint:rgba(143,191,255,.12);--violet-tint:rgba(185,164,255,.12);--plain-tint:rgba(255,255,255,.07);
  --hover:rgba(255,255,255,.05);--press:rgba(255,255,255,.09);--select:rgba(174,205,58,.09);
  --shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 8px 28px -6px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);--shadow-3:0 28px 80px -16px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.09);
  --scrim:rgba(0,0,0,.56);
  --chart-1:#aecd3a;--chart-2:#75726b;--chart-3:#3d3c38;--chart-band:rgba(174,205,58,.14);--chart-grid:rgba(255,255,255,.07);
  color-scheme:dark;
}
@media (max-width:900px){:root{--gutter:16px;--gap:12px}}