@font-face{font-family:SbAssistant;src:url('fonts/InstrumentSans-Variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:SbCardo;src:url('fonts/Cardo-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:SbCardo;src:url('fonts/Cardo-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:SbFjalla;src:url('fonts/Anton-Regular.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:SbInter;src:url('fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:SbOswald;src:url('fonts/BigShouldersDisplay-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:SbPlayfair;src:url('fonts/Literata72pt-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:SbPlayfair;src:url('fonts/Literata72pt-RegularItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap;}
@font-face{font-family:SbRobotoMono;src:url('fonts/IBMPlexMono-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:SbRobotoMono;src:url('fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:SbSpaceMono;src:url('fonts/FiraCode-Variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:SbWorkSans;src:url('fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;}
/* Generated by tools/build_preview.py from config/settings_data.json via snippets/css-variables.liquid. */
html[data-preset="harbour"] {
  --c-bg: #f4efe4;
  --c-surface: #fbf8f1;
  --c-text: #13233f;
  --c-line: #13233f;
  --c-accent: #13233f;
  --c-on-accent: #f4efe4;
  --c-accent-2: #b8341c;
  --c-on-accent-2: #ffffff;
  --c-awning-1: #13233f;
  --c-awning-2: #f4efe4;
  --c-sign: #13233f;
  --c-tag: #fffdf7;
  --c-on-tag: #13233f;
  --c-sale: #b8341c;
  --c-on-sale: #ffffff;
  --c-header-bg: #f4efe4;
  --c-header-text: #13233f;
  --c-footer-bg: #13233f;
  --c-footer-text: #f4efe4;
  --c-overlay: #0d1a30;
  --c-on-overlay: #ffffff;

  --font-heading: SbPlayfair, serif;
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --font-body: SbWorkSans, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: SbRobotoMono, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.0;
  --heading-case: none;
  --heading-spacing: -0.01em;
  --heading-lh: 1.0;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 4px;
  --bw: 1px;
  --awning-stripe: 26px;
  --awning-depth: 22px;
  --texture-strength: 0.08;

  --page-width: 1320px;
  --section-gap: 80px;
  --grid-gap: 24px;
  --logo-w: 130px;
}
html[data-preset="market"] {
  --c-bg: #fffaf0;
  --c-surface: #ffffff;
  --c-text: #1b1714;
  --c-line: #1b1714;
  --c-accent: #c8361d;
  --c-on-accent: #ffffff;
  --c-accent-2: #f2c230;
  --c-on-accent-2: #1b1714;
  --c-awning-1: #c8361d;
  --c-awning-2: #fffaf0;
  --c-sign: #1b1714;
  --c-tag: #ffe45c;
  --c-on-tag: #1b1714;
  --c-sale: #c8361d;
  --c-on-sale: #ffffff;
  --c-header-bg: #fffaf0;
  --c-header-text: #1b1714;
  --c-footer-bg: #1b1714;
  --c-footer-text: #fffaf0;
  --c-overlay: #1b1714;
  --c-on-overlay: #ffffff;

  --font-heading: SbOswald, sans-serif;
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --font-body: SbInter, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: SbFjalla, sans-serif;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.1;
  --heading-case: uppercase;
  --heading-spacing: 0.01em;
  --heading-lh: 0.95;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 0px;
  --bw: 2px;
  --awning-stripe: 36px;
  --awning-depth: 26px;
  --texture-strength: 0.0;

  --page-width: 1320px;
  --section-gap: 72px;
  --grid-gap: 20px;
  --logo-w: 130px;
}
html[data-preset="meadow"] {
  --c-bg: #eef0e6;
  --c-surface: #f8f9f3;
  --c-text: #1f2a22;
  --c-line: #bfc6b1;
  --c-accent: #3f5e45;
  --c-on-accent: #ffffff;
  --c-accent-2: #a34a26;
  --c-on-accent-2: #ffffff;
  --c-awning-1: #3f5e45;
  --c-awning-2: #eef0e6;
  --c-sign: #1f2a22;
  --c-tag: #fbfbf6;
  --c-on-tag: #1f2a22;
  --c-sale: #a34a26;
  --c-on-sale: #ffffff;
  --c-header-bg: #eef0e6;
  --c-header-text: #1f2a22;
  --c-footer-bg: #2c3a2f;
  --c-footer-text: #eef0e6;
  --c-overlay: #1f2a22;
  --c-on-overlay: #ffffff;

  --font-heading: SbCardo, serif;
  --font-heading-weight: 400;
  --font-heading-style: normal;
  --font-body: SbAssistant, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: SbAssistant, sans-serif;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.15;
  --heading-case: none;
  --heading-spacing: -0.02em;
  --heading-lh: 1.05;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 14px;
  --bw: 1px;
  --awning-stripe: 14px;
  --awning-depth: 12px;
  --texture-strength: 0.1;

  --page-width: 1320px;
  --section-gap: 88px;
  --grid-gap: 28px;
  --logo-w: 130px;
}
html[data-preset="lamplight"] {
  --c-bg: #15181a;
  --c-surface: #1e2225;
  --c-text: #f1e9d8;
  --c-line: #3b4146;
  --c-accent: #f2b84b;
  --c-on-accent: #1a1408;
  --c-accent-2: #b8402f;
  --c-on-accent-2: #ffffff;
  --c-awning-1: #6e2a22;
  --c-awning-2: #f1e9d8;
  --c-sign: #e2b65a;
  --c-tag: #f1e9d8;
  --c-on-tag: #15181a;
  --c-sale: #ff8a6b;
  --c-on-sale: #1a0d08;
  --c-header-bg: #15181a;
  --c-header-text: #f1e9d8;
  --c-footer-bg: #0e1011;
  --c-footer-text: #f1e9d8;
  --c-overlay: #07090a;
  --c-on-overlay: #ffffff;

  --font-heading: SbFjalla, sans-serif;
  --font-heading-weight: 400;
  --font-heading-style: normal;
  --font-body: SbInter, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: SbSpaceMono, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.05;
  --heading-case: uppercase;
  --heading-spacing: 0.02em;
  --heading-lh: 0.95;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 4px;
  --bw: 1px;
  --awning-stripe: 20px;
  --awning-depth: 20px;
  --texture-strength: 0.06;

  --page-width: 1320px;
  --section-gap: 80px;
  --grid-gap: 24px;
  --logo-w: 130px;
}