@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:SbInter;src:url('fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:SbMontserrat;src:url('fonts/Jost-Italic-Variable.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;}
@font-face{font-family:SbMontserrat;src:url('fonts/Jost-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:SbPoppins;src:url('fonts/Jost-Italic-Variable.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;}
@font-face{font-family:SbPoppins;src:url('fonts/Jost-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;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="stoneware"] {
  --c-bg: #f2ede4;
  --c-surface: #faf7f1;
  --c-text: #24190f;
  --c-line: #d6ccbc;
  --c-accent: #9e3d1c;
  --c-on-accent: #ffffff;
  --c-accent-2: #2f4b3f;
  --c-on-accent-2: #ffffff;
  --c-glow: #f0a466;
  --c-plinth: #e2d8c8;
  --c-sale: #9e3d1c;
  --c-on-sale: #ffffff;
  --c-header-bg: #f2ede4;
  --c-header-text: #24190f;
  --c-footer-bg: #24190f;
  --c-footer-text: #f2ede4;
  --c-overlay: #24190f;
  --c-on-overlay: #ffffff;

  --font-heading: SbCardo, serif;
  --font-heading-weight: 400;
  --font-heading-style: normal;
  --font-body: SbWorkSans, 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.1;
  --heading-case: none;
  --heading-spacing: -0.02em;
  --heading-lh: 1.05;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 10px;
  --bw: 1px;
  --glow-strength: 0.6;
  --texture-strength: 0.1;

  --page-width: 1320px;
  --section-gap: 96px;
  --grid-gap: 24px;
  --logo-w: 130px;
}
html[data-preset="porcelain"] {
  --c-bg: #f7f8f9;
  --c-surface: #ffffff;
  --c-text: #10141a;
  --c-line: #10141a;
  --c-accent: #1f3fb8;
  --c-on-accent: #ffffff;
  --c-accent-2: #10141a;
  --c-on-accent-2: #ffffff;
  --c-glow: #c9d6ff;
  --c-plinth: #e6eaf0;
  --c-sale: #c2341d;
  --c-on-sale: #ffffff;
  --c-header-bg: #f7f8f9;
  --c-header-text: #10141a;
  --c-footer-bg: #10141a;
  --c-footer-text: #f7f8f9;
  --c-overlay: #10141a;
  --c-on-overlay: #ffffff;

  --font-heading: SbMontserrat, sans-serif;
  --font-heading-weight: 800;
  --font-heading-style: normal;
  --font-body: SbInter, 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: uppercase;
  --heading-spacing: -0.03em;
  --heading-lh: 0.95;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 0px;
  --bw: 1px;
  --glow-strength: 0.45;
  --texture-strength: 0.06;

  --page-width: 1320px;
  --section-gap: 88px;
  --grid-gap: 0px;
  --logo-w: 130px;
}
html[data-preset="ember"] {
  --c-bg: #14100e;
  --c-surface: #1d1714;
  --c-text: #f3e7da;
  --c-line: #3a2f29;
  --c-accent: #ff7a3d;
  --c-on-accent: #1a0d05;
  --c-accent-2: #f3c26b;
  --c-on-accent-2: #1a1206;
  --c-glow: #ff6a2b;
  --c-plinth: #2b221d;
  --c-sale: #ff8f66;
  --c-on-sale: #1a0d05;
  --c-header-bg: #14100e;
  --c-header-text: #f3e7da;
  --c-footer-bg: #0d0a09;
  --c-footer-text: #f3e7da;
  --c-overlay: #070504;
  --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: SbSpaceMono, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

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

  --corner: 4px;
  --bw: 1px;
  --glow-strength: 0.9;
  --texture-strength: 0.06;

  --page-width: 1320px;
  --section-gap: 96px;
  --grid-gap: 24px;
  --logo-w: 130px;
}
html[data-preset="celadon"] {
  --c-bg: #e3ebe5;
  --c-surface: #f2f6f3;
  --c-text: #16302a;
  --c-line: #b7c9bd;
  --c-accent: #2c5e52;
  --c-on-accent: #ffffff;
  --c-accent-2: #9a4a2c;
  --c-on-accent-2: #ffffff;
  --c-glow: #fff6e2;
  --c-plinth: #cddbd1;
  --c-sale: #a3462a;
  --c-on-sale: #ffffff;
  --c-header-bg: #e3ebe5;
  --c-header-text: #16302a;
  --c-footer-bg: #16302a;
  --c-footer-text: #e3ebe5;
  --c-overlay: #16302a;
  --c-on-overlay: #ffffff;

  --font-heading: SbPoppins, sans-serif;
  --font-heading-weight: 600;
  --font-heading-style: normal;
  --font-body: SbWorkSans, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: SbWorkSans, sans-serif;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

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

  --corner: 20px;
  --bw: 1px;
  --glow-strength: 0.7;
  --texture-strength: 0.0;

  --page-width: 1320px;
  --section-gap: 88px;
  --grid-gap: 28px;
  --logo-w: 130px;
}