/* Design tokens shared by the inventory and the admin page. Light and dark variants. */
html,body{margin:0;background:#f6f3ec}
@media screen and (prefers-color-scheme: dark){html,body{background:#1b1f27}}
[data-theme]{--serif:'Newsreader',Georgia,serif;--sans:'Public Sans',system-ui,sans-serif;--t-xs:13px;--t-sm:15px;--t-md:16px;--t-lg:19px;--t-xl:24px;--t-2xl:32px;--t-3xl:44px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--r:10px;-webkit-font-smoothing:antialiased}
[data-theme="light"],[data-theme="dark"]{color-scheme:light;--bg:oklch(0.973 0.008 85);--surface:oklch(0.993 0.004 85);--surface-2:oklch(0.948 0.01 80);--ink:oklch(0.24 0.014 60);--ink-2:oklch(0.40 0.014 60);--ink-3:oklch(0.52 0.012 60);--rule:oklch(0.89 0.01 75);--rule-strong:oklch(0.78 0.012 70);--already:oklch(0.54 0.15 62);--already-tint:oklch(0.94 0.045 70);--notyet:oklch(0.47 0.10 258);--notyet-tint:oklch(0.935 0.025 255);--none:oklch(0.47 0.01 60);--none-tint:oklch(0.925 0.006 70);--venn:oklch(0.24 0.014 60 / 0.08);--focus:oklch(0.47 0.10 258);--banner:oklch(0.30 0.03 258);--banner-ink:oklch(0.96 0.01 85);--banner-already:oklch(0.82 0.12 70);--banner-notyet:oklch(0.82 0.07 255);--warn:oklch(0.45 0.11 35);--warn-tint:oklch(0.94 0.03 45)}
@media screen{[data-theme="dark"]{color-scheme:dark;--bg:oklch(0.19 0.012 255);--surface:oklch(0.225 0.013 255);--surface-2:oklch(0.26 0.014 255);--ink:oklch(0.94 0.008 85);--ink-2:oklch(0.80 0.01 85);--ink-3:oklch(0.68 0.012 80);--rule:oklch(0.32 0.012 255);--rule-strong:oklch(0.44 0.014 255);--already:oklch(0.80 0.11 68);--already-tint:oklch(0.32 0.05 60);--notyet:oklch(0.78 0.08 255);--notyet-tint:oklch(0.31 0.045 255);--none:oklch(0.74 0.01 80);--none-tint:oklch(0.29 0.008 255);--venn:oklch(0.94 0.008 85 / 0.09);--focus:oklch(0.78 0.08 255);--banner:oklch(0.80 0.11 68);--banner-ink:oklch(0.20 0.02 60);--banner-already:oklch(0.40 0.12 50);--banner-notyet:oklch(0.34 0.11 258);--warn:oklch(0.80 0.10 45);--warn-tint:oklch(0.30 0.04 40)}}
[data-theme] button,[data-theme] input,[data-theme] textarea{font:inherit;color:inherit}
[data-theme] :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
[data-theme] textarea::placeholder,[data-theme] input::placeholder{color:var(--ink-3)}
@media print{html,body{background:#fff !important}[data-noprint]{display:none !important}[data-theme]{background:#fff !important;--bg:#fff;--surface:#fff}[data-print-break]{break-inside:avoid}}