@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(/fonts/roboto-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(/fonts/roboto-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(/fonts/roboto-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(/fonts/roboto-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
color-scheme: light;
--white: #fff;
--black: #000;
--grey-22: #222;
--grey-33: #333;
--grey-44: #444;
--grey-55: #555;
--grey-66: #666;
--grey-6b: #6b6b6b;
--grey-77: #777;
--grey-88: #888;
--grey-99: #999;
--grey-aa: #aaa;
--grey-bb: #bbb;
--grey-cc: #ccc;
--grey-dd: #ddd;
--grey-ee: #eee;
--grey-f0: #f0f0f0;
--grey-f1: #f1f1f1;
--grey-f2: #f2f2f2;
--grey-f7: #f7f7f7;
--midgrey: var(--grey-99);
--lightgrey: var(--grey-cc);
--hdred: #900;
--darkblue: #004987;
--brightblue: #1b75d0;
--salecolor: #d00;
--salecolor-text: var(--salecolor);
--steelblue: #6b778c;
--dustyblue-mid: #8aa8cb;
--dustyblue-light: #8fabd3;
--dustyblue-pale: #d3dfed;
--dustyblue-wash: #cfe0f0;
--blue-tint: #e6ebf4;
--blue-tint-cool: #e4ecef;
--blue-tint-pale: #eef4fa;
--blue-tint-cold: #f4f7f9;
--slate-overlay: rgba(64,99,142,1);
--slate-overlay-soft: rgba(64,99,142,0.8);
--sky-overlay: rgba(71,163,218,0.8);
--dustyblue-overlay: rgba(211,223,237,0.8);
--agri-darkest: #17331f;
--agri-dark: #2b5c40;
--agri: #1b7a3d;
--agri-muted: #6f9c81;
--agri-light: #a3d9b6;
--agri-pale: #d3e6da;
--agri-paler: #cfe4d4;
--agri-wash: #e4f1e9;
--agri-wash-warm: #e6f0e8;
--agri-wash-cool: #e8f4ea;
--instock: #009900;
--instock-bright: #31a131;
--instock-brighter: #37bc37;
--instock-pale: #b5e0a0;
--facebook: #3b5998;
--twitter: #00aced;
--plum: #6f4488;
--gold: #f3ca00;
--sand: rgb(172, 152, 112);
--pink-wash: #ffeeff;
--pink-pale: #f0d5d5;
--pink-paler: #f4e9e9;
--pink-palest: #fdf2f2;
--warm-wash: #f6f4f2;
--cool-wash: #eef1f3;
--shadow-heavy: rgba(0, 0, 0, 0.9);
--shadow-mid: rgba(0, 0, 0, 0.5);
--shadow-soft: rgba(0, 0, 0, 0.3);
--shadow-faint: rgba(0, 0, 0, 0.25);
--white-veil: rgba(255,255,255,0.6);
--white-clear: rgba(255,255,255,0);
--focus-ring: rgba(27, 117, 208, 0.25);
--page-bg: var(--white);
--panel-bg: var(--white);
--text: var(--grey-33);
--text-strong: var(--black);
--text-soft: var(--grey-55);
--text-quiet: var(--grey-66);
--text-faint: #767676;
--disabled-bg: #767676;
--link: var(--darkblue);
--rule: var(--grey-cc);
--rule-soft: var(--grey-dd);
--rule-faint: var(--grey-ee);
--footer-bg: var(--steelblue);
--footer-text: var(--white);
--footer-link: var(--white);
--pagewidth: 1300px;
--rail: 1.7rem;
--arrow-disc: var(--grey-77);
--arrow-disc-hover: var(--grey-55);
--sectiongap: 2.5rem;
--headinggap: 0.7rem;
--gutter: 1rem;
--rounded: 5px;
}
:root[data-theme="dark"] {
color-scheme: dark;
--white: #fff;
--black: #f5f5f5;
--grey-22: #ededed;
--grey-33: #e0e0e0;
--grey-44: #d4d4d4;
--grey-55: #c2c2c2;
--grey-66: #b0b0b0;
--grey-6b: #ababab;
--grey-77: #9c9c9c;
--grey-88: #8a8a8a;
--grey-99: #909090;
--grey-aa: #6b6b6b;
--grey-bb: #5c5c5c;
--grey-cc: #4a4a4a;
--grey-dd: #3b3b3b;
--grey-ee: #2e2e2e;
--grey-f0: #262626;
--grey-f1: #262626;
--grey-f2: #242424;
--grey-f7: #1f1f1f;
--hdred: #e96b6b;
--darkblue: #6ea8dc;
--salecolor-text: #f37676;
--blue-tint: var(--page-bg);
--blue-tint-cool: #1a2328;
--blue-tint-pale: #17212c;
--blue-tint-cold: #182029;
--dustyblue-wash: #223040;
--dustyblue-pale: #2a3a4a;
--pink-wash: #2e1f2e;
--pink-pale: #3a2626;
--pink-paler: #2c1f1f;
--pink-palest: #2a1c1c;
--warm-wash: #241f1d;
--cool-wash: #1e2326;
--agri-wash: #cfe4d8;
--agri-wash-warm: #1e2a22;
--agri-wash-cool: #1d2a21;
--agri-paler: #2a3a30;
--agri-pale: #b9d4c4;
--page-bg: #151515;
--panel-bg: #1e1e1e;
--footer-bg: var(--panel-bg);
--text: #e0e0e0;
--text-strong: #f5f5f5;
--text-soft: #c2c2c2;
--text-quiet: #b0b0b0;
--text-faint: #8a8a8a;
--link: #6ea8dc;
--rule: #4a4a4a;
--rule-soft: #3b3b3b;
--rule-faint: #2e2e2e;
--disabled-bg: #6f6f6f;
--shadow-heavy: rgba(0, 0, 0, 0.95);
--shadow-mid: rgba(0, 0, 0, 0.7);
--shadow-soft: rgba(255, 255, 255, 0.10);
--shadow-faint: rgba(255, 255, 255, 0.08);
--white-veil: rgba(30, 30, 30, 0.6);
--white-clear: rgba(30, 30, 30, 0);
}
:root[data-theme="dark"] body {
color: var(--text);
}
:root[data-theme="dark"] #Logo a svg {
fill: var(--white);
}