@font-face{font-family:VoltFjalla;src:url('fonts/Anton-Regular.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:VoltInter;src:url('fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:VoltMontserrat;src:url('fonts/Jost-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:VoltOswald;src:url('fonts/Anton-Regular.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:VoltPoppins;src:url('fonts/DMSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:VoltRajdhani;src:url('fonts/BigShouldersDisplay-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:VoltRobotoMono;src:url('fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:VoltSourceCode;src:url('fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:VoltSpaceMono;src:url('fonts/FiraCode-Variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:VoltWorkSans;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="neon"] {
  --c-bg: #07080d;
  --c-surface: #10121c;
  --c-text: #e9f2ff;
  --c-line: #2a3352;
  --c-accent: #00f0ff;
  --c-on-accent: #00141a;
  --c-accent-2: #ff2bd6;
  --c-on-accent-2: #1a0014;
  --c-accent-3: #e6ff00;
  --c-on-accent-3: #0f1200;
  --c-sale: #ff2bd6;
  --c-on-sale: #1a0014;
  --c-header-bg: #07080d;
  --c-header-text: #e9f2ff;
  --c-footer-bg: #04050a;
  --c-footer-text: #e9f2ff;
  --c-overlay: #05060c;
  --c-on-overlay: #f4f8ff;

  --font-heading: VoltRajdhani, sans-serif;
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --font-body: VoltInter, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: VoltSpaceMono, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.0;
  --heading-case: uppercase;
  --heading-spacing: 0.02em;
  --heading-lh: 0.9;
  --heading-skew: 0deg;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 14px;
  --bw: 1px;
  --sh: 6px;
  --texture-strength: 0.07;

  --page-width: 1500px;
  --section-gap: 88px;
  --grid-gap: 20px;
}
html[data-preset="comic"] {
  --c-bg: #fcf3dc;
  --c-surface: #ffffff;
  --c-text: #15120f;
  --c-line: #15120f;
  --c-accent: #ffd60a;
  --c-on-accent: #15120f;
  --c-accent-2: #d4231a;
  --c-on-accent-2: #ffffff;
  --c-accent-3: #1f5eff;
  --c-on-accent-3: #ffffff;
  --c-sale: #d4231a;
  --c-on-sale: #ffffff;
  --c-header-bg: #fcf3dc;
  --c-header-text: #15120f;
  --c-footer-bg: #15120f;
  --c-footer-text: #fcf3dc;
  --c-overlay: #15120f;
  --c-on-overlay: #fffdf5;

  --font-heading: VoltOswald, sans-serif;
  --font-heading-weight: 700;
  --font-heading-style: normal;
  --font-body: VoltInter, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: VoltFjalla, sans-serif;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.05;
  --heading-case: uppercase;
  --heading-spacing: 0.01em;
  --heading-lh: 0.95;
  --heading-skew: -6deg;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 10px;
  --bw: 3px;
  --sh: 6px;
  --texture-strength: 0.12;

  --page-width: 1500px;
  --section-gap: 80px;
  --grid-gap: 24px;
}
html[data-preset="mono"] {
  --c-bg: #ffffff;
  --c-surface: #f0f0ec;
  --c-text: #0a0a0a;
  --c-line: #0a0a0a;
  --c-accent: #2b2bff;
  --c-on-accent: #ffffff;
  --c-accent-2: #0a0a0a;
  --c-on-accent-2: #ffffff;
  --c-accent-3: #2b2bff;
  --c-on-accent-3: #ffffff;
  --c-sale: #2b2bff;
  --c-on-sale: #ffffff;
  --c-header-bg: #ffffff;
  --c-header-text: #0a0a0a;
  --c-footer-bg: #0a0a0a;
  --c-footer-text: #ffffff;
  --c-overlay: #000000;
  --c-on-overlay: #ffffff;

  --font-heading: VoltMontserrat, sans-serif;
  --font-heading-weight: 800;
  --font-heading-style: normal;
  --font-body: VoltWorkSans, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: VoltRobotoMono, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

  --heading-scale: 1.15;
  --heading-case: uppercase;
  --heading-spacing: -0.04em;
  --heading-lh: 0.85;
  --heading-skew: 0deg;
  --label-case: uppercase;
  --body-size: 16px;

  --corner: 0px;
  --bw: 2px;
  --sh: 0px;
  --texture-strength: 0.0;

  --page-width: 1500px;
  --section-gap: 96px;
  --grid-gap: 0px;
}
html[data-preset="zine"] {
  --c-bg: #f2ede4;
  --c-surface: #fbf8f2;
  --c-text: #1a2350;
  --c-line: #1a2350;
  --c-accent: #ff48b0;
  --c-on-accent: #1a2350;
  --c-accent-2: #0078bf;
  --c-on-accent-2: #ffffff;
  --c-accent-3: #ffe800;
  --c-on-accent-3: #1a2350;
  --c-sale: #c8006a;
  --c-on-sale: #ffffff;
  --c-header-bg: #f2ede4;
  --c-header-text: #1a2350;
  --c-footer-bg: #1a2350;
  --c-footer-text: #f2ede4;
  --c-overlay: #1a2350;
  --c-on-overlay: #ffffff;

  --font-heading: VoltPoppins, sans-serif;
  --font-heading-weight: 600;
  --font-heading-style: normal;
  --font-body: VoltInter, sans-serif;
  --font-body-weight: 400;
  --font-body-style: normal;
  --font-body-bold: 700;
  --font-ui: VoltSourceCode, monospace;
  --font-ui-weight: 400;
  --font-ui-bold: 700;

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

  --corner: 20px;
  --bw: 2px;
  --sh: 5px;
  --texture-strength: 0.1;

  --page-width: 1500px;
  --section-gap: 84px;
  --grid-gap: 24px;
}