/* =========================================================
   Shushan Sugar Shack — Brand identity variations
   Uses the user's supplied family names via local() resolution.
   Font binaries are intentionally not bundled in this artifact.
   ========================================================= */

/* Palette sampled from the supplied Illustrator identity board:
   gold #E2B15D | orange #F46F16 | red #D31E25 | forest #2D513C | cream #FFF4DF
   brown #583C2A | harvest #D3A51C | burgundy #7D161A | green #386F50 | mint #7CD08E */

body { --brand-forest:#2d513c; --brand-cream:#fff4df; --brand-orange:#f46f16; --brand-gold:#e2b15d; --brand-red:#d31e25; --brand-brown:#583c2a; --brand-harvest:#d3a51c; --brand-burgundy:#7d161a; --brand-green:#386f50; --brand-mint:#7cd08e; }

.brand-logo-image { display:block; width:auto; max-height:4.25rem; object-fit:contain; }
.brand-mark--image { min-width:0; min-height:0; border:0; padding:0; background:transparent; }
.footer-block .brand-logo-image { max-height:6rem; }
.headline-leaf { width:2rem; height:auto; vertical-align:middle; margin-right:.6rem; mix-blend-mode:multiply; }
html[data-theme="dark"] .headline-leaf { mix-blend-mode:screen; }

.brand-variant-links { display:flex; gap:.3rem; align-items:center; }
.brand-variant-links a { display:inline-flex; width:1.85rem; height:1.85rem; align-items:center; justify-content:center; border:1px solid currentColor; text-decoration:none; }
.brand-variant-links a[aria-current="page"] { background:var(--brand-accent); border-color:var(--brand-accent); color:var(--brand-accent-ink); }

/* shared brand-aware overrides */
body[class*="brand-"] {
  --wire-ink:var(--brand-ink);
  --wire-line:var(--brand-line);
  --wire-soft:var(--brand-soft);
  --wire-softer:var(--brand-paper);
  --wire-white:var(--brand-bg);
  --theme-ink:var(--brand-ink);
  --theme-line:var(--brand-line);
  --page-bg:var(--brand-bg);
  --surface-bg:var(--brand-surface);
  --surface-soft:var(--brand-paper);
  --surface-muted:var(--brand-soft);
  background:var(--brand-bg);
  color:var(--brand-ink);
}
body[class*="brand-"] .site-header,
body[class*="brand-"] .site-header .desktop-top-bar,
body[class*="brand-"] .site-header .desktop-top-bar ul { background:var(--brand-header); }
body[class*="brand-"] .site-header { border-bottom-color:var(--brand-accent); }
body[class*="brand-"] .site-header .desktop-top-bar .menu > li > a { color:var(--brand-nav); }
body[class*="brand-"] .nav-links a:hover,
body[class*="brand-"] .nav-links a:focus { border-bottom-color:var(--brand-accent); color:var(--brand-accent); }
body[class*="brand-"] .wire-card,
body[class*="brand-"] .wire-panel { background:var(--brand-surface); border-color:var(--brand-line); }
body[class*="brand-"] .l-section--light { background:var(--brand-paper); }
body[class*="brand-"] .wire-label { background:var(--brand-label-bg); border-color:var(--brand-line); color:var(--brand-label-ink); }
body[class*="brand-"] .button.wire-button,
body[class*="brand-"] .wire-button { background:var(--brand-button); border-color:var(--brand-button); color:var(--brand-button-ink); }
body[class*="brand-"] .button.wire-button.hollow,
body[class*="brand-"] .wire-button.hollow { background:transparent; border-color:var(--brand-button); color:var(--brand-button); }
body[class*="brand-"] .button.wire-button:hover,
body[class*="brand-"] .button.wire-button:focus { background:var(--brand-accent); border-color:var(--brand-accent); color:var(--brand-accent-ink); }
body[class*="brand-"] .button.wire-button.hollow:hover,
body[class*="brand-"] .button.wire-button.hollow:focus { background:var(--brand-button); color:var(--brand-button-ink); }
body[class*="brand-"] .media-frame { border-color:var(--brand-line); background:var(--brand-soft); }
body[class*="brand-"] .theme-toggle { border-color:var(--brand-line); }
body[class*="brand-"] .theme-toggle:hover,
body[class*="brand-"] .theme-toggle:focus-visible { background:var(--brand-paper); border-color:var(--brand-accent); }
body[class*="brand-"] .faq-trigger { color:var(--brand-ink); }
body[class*="brand-"] .footer-block { background:var(--brand-footer); border-top:3px solid var(--brand-accent); }
body[class*="brand-"] a { transition:color .15s ease, background-color .15s ease, border-color .15s ease; }

/* 01 — Heritage Editorial */
.brand-heritage {
  --brand-bg:#fffaf0; --brand-surface:#fffdf8; --brand-paper:#fff4df; --brand-soft:#f2e6cf;
  --brand-ink:#20372a; --brand-line:#d5b77a; --brand-header:#fffaf0; --brand-nav:#2d513c;
  --brand-accent:#f46f16; --brand-accent-ink:#ffffff; --brand-button:#2d513c; --brand-button-ink:#ffffff;
  --brand-label-bg:#fff4df; --brand-label-ink:#2d513c; --brand-footer:#2d513c;
  font-family:Georgia, 'Times New Roman', serif;
}
.brand-heritage h1,.brand-heritage h2,.brand-heritage h3,.brand-heritage .h1,.brand-heritage .h2,.brand-heritage .h3 { font-family:'Tiempos Headline', Georgia, serif; color:#2d513c; letter-spacing:-.02em; }
.brand-heritage h1 { font-size:clamp(3rem,6vw,5.5rem); line-height:.98; }
.brand-heritage .wire-label,.brand-heritage .nav-links,.brand-heritage .prototype-bar,.brand-heritage .button,.brand-heritage .h6 { font-family:'Chainprinter','Courier New',monospace; letter-spacing:.08em; text-transform:uppercase; }
.brand-heritage .wire-card { box-shadow:0 4px 0 rgba(226,177,93,.28); }
.brand-heritage .wire-card h3 { color:#2d513c; }
.brand-heritage .footer-block,.brand-heritage .footer-block h2,.brand-heritage .footer-block a,.brand-heritage .footer-block p,.brand-heritage .footer-block label { color:#fff4df; }
.brand-heritage .footer-block input { background:#fffaf0; color:#20372a; }

/* 02 — Rustic Sugarhouse */
.brand-rustic {
  --brand-bg:#fbf2df; --brand-surface:#fff8e9; --brand-paper:#ead5ae; --brand-soft:#d9bb85;
  --brand-ink:#432f22; --brand-line:#8b6343; --brand-header:#583c2a; --brand-nav:#fff4df;
  --brand-accent:#7d161a; --brand-accent-ink:#fff4df; --brand-button:#7d161a; --brand-button-ink:#fff4df;
  --brand-label-bg:#d3a51c; --brand-label-ink:#3b281c; --brand-footer:#583c2a;
  font-family:Arial, Helvetica, sans-serif;
  background-image:linear-gradient(rgba(88,60,42,.025) 1px,transparent 1px); background-size:100% 6px;
}
.brand-rustic h1,.brand-rustic h2 { font-family:'Gutter Rust','Arial Black',Impact,sans-serif; color:#583c2a; text-transform:uppercase; letter-spacing:.025em; }
.brand-rustic h1 { font-size:clamp(2.8rem,6vw,5.2rem); line-height:.92; }
.brand-rustic h3,.brand-rustic .h3,.brand-rustic .h4,.brand-rustic .h5,.brand-rustic .button,.brand-rustic .nav-links { font-family:'Brothers','Arial Black',Impact,sans-serif; text-transform:uppercase; letter-spacing:.04em; }
.brand-rustic .wire-label,.brand-rustic .prototype-bar,.brand-rustic .u-fs-6 { font-family:'Chainprinter','Courier New',monospace; }
.brand-rustic .wire-card { border-width:2px; box-shadow:4px 4px 0 rgba(88,60,42,.18); }
.brand-rustic .site-header { border-bottom-width:4px; }
.brand-rustic .footer-block,.brand-rustic .footer-block h2,.brand-rustic .footer-block p,.brand-rustic .footer-block label { color:#fff4df; }

/* 03 — Modern Craft */
.brand-modern {
  --brand-bg:#f7fbf7; --brand-surface:#ffffff; --brand-paper:#e6f4e9; --brand-soft:#d5eadc;
  --brand-ink:#173526; --brand-line:#9fc9aa; --brand-header:#2d513c; --brand-nav:#ffffff;
  --brand-accent:#7cd08e; --brand-accent-ink:#173526; --brand-button:#f46f16; --brand-button-ink:#ffffff;
  --brand-label-bg:#7cd08e; --brand-label-ink:#173526; --brand-footer:#173526;
  font-family:Arial,Helvetica,sans-serif;
}
.brand-modern h1,.brand-modern h2,.brand-modern h3,.brand-modern .h1,.brand-modern .h2,.brand-modern .h3,.brand-modern .h4 { font-family:'Brothers','Arial Black',Impact,sans-serif; text-transform:uppercase; letter-spacing:.02em; color:#2d513c; }
.brand-modern h1 { font-size:clamp(3rem,6vw,5.25rem); line-height:.94; }
.brand-modern .wire-label,.brand-modern .prototype-bar,.brand-modern .u-fs-6 { font-family:'Source Code Pro','Courier New',monospace; font-style:italic; }
.brand-modern .nav-links,.brand-modern .button { font-family:'Brothers','Arial Black',sans-serif; text-transform:uppercase; }
.brand-modern .wire-card,.brand-modern .media-frame,.brand-modern .theme-toggle { border-radius:.75rem; overflow:hidden; }
.brand-modern .button.wire-button { border-radius:999px; }
.brand-modern .wire-card { border-width:1px; box-shadow:0 10px 30px rgba(45,81,60,.08); }
.brand-modern .footer-block,.brand-modern .footer-block h2,.brand-modern .footer-block p,.brand-modern .footer-block label { color:#f7fbf7; }

/* 04 — Adirondack Script */
.brand-script {
  --brand-bg:#fffaf1; --brand-surface:#fffdf8; --brand-paper:#f5ead1; --brand-soft:#e8d6ad;
  --brand-ink:#263c2e; --brand-line:#c5a25c; --brand-header:#fffaf1; --brand-nav:#2d513c;
  --brand-accent:#f46f16; --brand-accent-ink:#ffffff; --brand-button:#386f50; --brand-button-ink:#ffffff;
  --brand-label-bg:#e2b15d; --brand-label-ink:#2d513c; --brand-footer:#2d513c;
  font-family:Georgia,'Times New Roman',serif;
}
.brand-script h1 { font-family:'Chippewa Falls','Brush Script MT',cursive; color:#2d513c; font-size:clamp(3.6rem,7vw,6.5rem); line-height:.88; font-weight:400; }
.brand-script h2,.brand-script h3,.brand-script .h2,.brand-script .h3,.brand-script .h4,.brand-script .h5 { font-family:'Tiempos Headline',Georgia,serif; color:#2d513c; }
.brand-script .nav-links,.brand-script .button,.brand-script .wire-label,.brand-script .prototype-bar { font-family:'Chainprinter','Courier New',monospace; letter-spacing:.09em; text-transform:uppercase; }
.brand-script #products h2,.brand-script #syrups h2,.brand-script #snacks h2,.brand-script #pantry h2 { position:relative; padding-bottom:.45rem; }
.brand-script #products h2::after,.brand-script #syrups h2::after,.brand-script #snacks h2::after,.brand-script #pantry h2::after { content:""; display:block; width:4rem; border-bottom:3px solid #f46f16; margin:.5rem auto 0; }
.brand-script #syrups h2::after,.brand-script #snacks h2::after,.brand-script #pantry h2::after { margin-left:0; }
.brand-script .footer-block,.brand-script .footer-block h2,.brand-script .footer-block p,.brand-script .footer-block label { color:#fff4df; }

/* 05 — Vintage Mercantile */
.brand-mercantile {
  --brand-bg:#fff7e8; --brand-surface:#fffaf0; --brand-paper:#f0ddb0; --brand-soft:#e3c681;
  --brand-ink:#3d3025; --brand-line:#9f773b; --brand-header:#fff7e8; --brand-nav:#7d161a;
  --brand-accent:#d31e25; --brand-accent-ink:#ffffff; --brand-button:#7d161a; --brand-button-ink:#fff4df;
  --brand-label-bg:#d3a51c; --brand-label-ink:#3d3025; --brand-footer:#7d161a;
  font-family:Georgia,'Times New Roman',serif;
}
.brand-mercantile h1,.brand-mercantile h2 { font-family:'Chainprinter','Courier New',monospace; text-transform:uppercase; color:#7d161a; letter-spacing:.035em; }
.brand-mercantile h1 { font-size:clamp(2.8rem,5.7vw,5rem); line-height:1; }
.brand-mercantile h3,.brand-mercantile .h3,.brand-mercantile .h4,.brand-mercantile .h5,.brand-mercantile .h6,.brand-mercantile .button,.brand-mercantile .nav-links { font-family:'Brothers','Arial Black',sans-serif; text-transform:uppercase; letter-spacing:.05em; }
.brand-mercantile .wire-label,.brand-mercantile .prototype-bar { font-family:'Source Code Pro','Courier New',monospace; font-style:italic; }
.brand-mercantile .wire-card { border:2px solid #9f773b; outline:1px solid rgba(211,165,28,.38); outline-offset:-5px; }
.brand-mercantile .media-frame { border-bottom:3px solid #d31e25; }
.brand-mercantile .footer-block,.brand-mercantile .footer-block h2,.brand-mercantile .footer-block p,.brand-mercantile .footer-block label { color:#fff4df; }

/* Dark mode adaptations — still uses the user's Foundswatch Foundation file underneath. */
html[data-theme="dark"] body[class*="brand-"] { --brand-bg:#18181a; --brand-surface:#202124; --brand-paper:#25272a; --brand-soft:#303237; --brand-line:#51545b; --brand-ink:#f4ead8; }
html[data-theme="dark"] .brand-heritage { --brand-header:#173526; --brand-nav:#fff4df; --brand-footer:#173526; --brand-label-bg:#2d513c; --brand-label-ink:#fff4df; --brand-button:#e2b15d; --brand-button-ink:#173526; }
html[data-theme="dark"] .brand-rustic { --brand-header:#38271d; --brand-nav:#fff4df; --brand-footer:#38271d; --brand-label-bg:#7d161a; --brand-label-ink:#fff4df; --brand-button:#d3a51c; --brand-button-ink:#2b2018; }
html[data-theme="dark"] .brand-modern { --brand-header:#173526; --brand-nav:#ffffff; --brand-footer:#10251a; --brand-label-bg:#386f50; --brand-label-ink:#ffffff; --brand-button:#f46f16; --brand-button-ink:#ffffff; }
html[data-theme="dark"] .brand-script { --brand-header:#173526; --brand-nav:#fff4df; --brand-footer:#173526; --brand-label-bg:#386f50; --brand-label-ink:#fff4df; --brand-button:#e2b15d; --brand-button-ink:#173526; }
html[data-theme="dark"] .brand-mercantile { --brand-header:#3f1113; --brand-nav:#fff4df; --brand-footer:#3f1113; --brand-label-bg:#7d161a; --brand-label-ink:#fff4df; --brand-button:#d3a51c; --brand-button-ink:#2c2118; }
html[data-theme="dark"] body[class*="brand-"] h1,
html[data-theme="dark"] body[class*="brand-"] h2,
html[data-theme="dark"] body[class*="brand-"] h3,
html[data-theme="dark"] body[class*="brand-"] .h1,
html[data-theme="dark"] body[class*="brand-"] .h2,
html[data-theme="dark"] body[class*="brand-"] .h3,
html[data-theme="dark"] body[class*="brand-"] .h4,
html[data-theme="dark"] body[class*="brand-"] .h5 { color:#f4ead8; }
html[data-theme="dark"] body[class*="brand-"] .l-section--light { background:var(--brand-paper); }
html[data-theme="dark"] body[class*="brand-"] .wire-card,
html[data-theme="dark"] body[class*="brand-"] .wire-panel { background:var(--brand-surface); }
html[data-theme="dark"] body[class*="brand-"] .site-header,
html[data-theme="dark"] body[class*="brand-"] .site-header .desktop-top-bar,
html[data-theme="dark"] body[class*="brand-"] .site-header .desktop-top-bar ul { background:var(--brand-header); }
html[data-theme="dark"] body[class*="brand-"] .site-header .desktop-top-bar .menu > li > a { color:var(--brand-nav); }

/* index */
.brand-index-page { min-height:100vh; }
.index-logo { display:block; max-width:26rem; width:100%; height:auto; }
.brand-choice-card { display:block; height:100%; min-height:17rem; padding:1.5rem; border:1px solid var(--brand-line); background:var(--brand-surface); color:var(--brand-ink); text-decoration:none; }
.brand-choice-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.12); }
.brand-choice-number { display:block; margin-bottom:2rem; font-family:'Chainprinter','Courier New',monospace; color:var(--brand-accent); }
.brand-choice-swatches { display:flex; gap:.35rem; margin-top:2rem; }
.brand-choice-swatches .swatch { width:2.3rem; height:2.3rem; border:1px solid rgba(0,0,0,.14); }
.brand-choice-card .swatch-1{background:var(--brand-button)} .brand-choice-card .swatch-2{background:var(--brand-accent)} .brand-choice-card .swatch-3{background:var(--brand-paper)} .brand-choice-card .swatch-4{background:var(--brand-soft)}
.brand-choice-card.brand-heritage h2{font-family:'Tiempos Headline',Georgia,serif}.brand-choice-card.brand-rustic h2{font-family:'Gutter Rust','Arial Black',sans-serif}.brand-choice-card.brand-modern h2{font-family:'Brothers','Arial Black',sans-serif}.brand-choice-card.brand-script h2{font-family:'Chippewa Falls',cursive}.brand-choice-card.brand-mercantile h2{font-family:'Chainprinter',monospace}

@media screen and (max-width:39.99875em){
  .brand-logo-image{max-height:3.4rem}.footer-block .brand-logo-image{max-height:5rem}.headline-leaf{width:1.55rem}.brand-variant-links{display:none}
}