/* ════════════════════════════════════════
   skins.css — 8개 스킨 = --s-* 토큰 세트
   클릭 한 번에 브랜드 전체(색·서체·라운드·무드)가 바뀜
════════════════════════════════════════ */

/* 공통 기본값 (스킨이 덮어쓰지 않는 토큰) */
[data-skin]{
  --ease:cubic-bezier(.22,1,.36,1);
  --s-ls:0; --s-fw:700; --s-hls:-.02em;
  --s-shadow:0 18px 38px -18px rgba(0,0,0,.35);
  --s-art-op:.14; --s-radd:10px; --s-rpill:99px;
}

/* 1 · MONO — 흑백 미니멀 에디토리얼 */
[data-skin="mono"]{
  --s-bg:#f4f3ef;--s-surf:#fff;--s-ink:#15150f;--s-sub:#7a7a70;--s-line:#e2e0d7;
  --s-brand:#15150f;--s-brand-ink:#fff;--s-brand-soft:#eceae3;
  --s-hero:#ebe9e1;--s-r:4px;--s-radd:4px;--s-rpill:4px;--s-ls:.04em;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="mono"] .stb-logo,[data-skin="mono"] .sh-head h3,
[data-skin="mono"] .stf-logo,[data-skin="mono"] .st-promo b{text-transform:uppercase}

/* 2 · NOIR — 골드 포인트 다크 럭셔리 (세리프) */
[data-skin="noir"]{
  --s-bg:#0d0d11;--s-surf:#16161c;--s-ink:#f2efe5;--s-sub:#908b7d;--s-line:rgba(255,255,255,.09);
  --s-brand:#c9a44f;--s-brand-ink:#15130b;--s-brand-soft:rgba(201,164,79,.15);
  --s-hero:linear-gradient(160deg,#1a1922,#0d0d11);--s-r:6px;--s-fw:500;--s-hls:0;
  --s-shadow:0 22px 44px -18px rgba(0,0,0,.7);
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
[data-skin="noir"] .sth-cta,[data-skin="noir"] .pc-add{box-shadow:0 0 18px rgba(201,164,79,.4)}

/* 3 · BLOOM — 파스텔 소프트 큐트 (둥근) */
[data-skin="bloom"]{
  --s-bg:#fff5f7;--s-surf:#ffffff;--s-ink:#46303a;--s-sub:#b58a99;--s-line:#fbe2ea;
  --s-brand:#ff5d8f;--s-brand-ink:#fff;--s-brand-soft:#ffe1ea;
  --s-hero:linear-gradient(135deg,#ffe2ed,#fff0e7);--s-r:22px;--s-radd:14px;
  --s-fd:'Plus Jakarta Sans',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}

/* 4 · CITRUS — 비비드 Z세대 팝 (라임 + 잉크) */
[data-skin="citrus"]{
  --s-bg:#fbffe9;--s-surf:#ffffff;--s-ink:#15190a;--s-sub:#7d8255;--s-line:#e8eecd;
  --s-brand:#c2ee00;--s-brand-ink:#15190a;--s-brand-soft:#edfbab;
  --s-hero:linear-gradient(120deg,#e7ff8f,#fdffcf);--s-r:14px;--s-fw:800;--s-ls:-.01em;--s-hls:-.03em;
  --s-fd:'Archivo',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="citrus"] .sth-title,[data-skin="citrus"] .stb-logo{text-transform:uppercase}

/* 5 · AZURE — 청량 글래스 블루 */
[data-skin="azure"]{
  --s-bg:#eef4ff;--s-surf:#ffffff;--s-ink:#0f1c33;--s-sub:#6d80a0;--s-line:#dde6f7;
  --s-brand:#2f6bff;--s-brand-ink:#fff;--s-brand-soft:#dbe7ff;
  --s-hero:linear-gradient(135deg,#dae8ff,#eef5ff);--s-r:18px;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}

/* 6 · MOCHA — 따뜻한 뉴트럴 우드 (세리프) */
[data-skin="mocha"]{
  --s-bg:#f3ece2;--s-surf:#fbf6ee;--s-ink:#2d2118;--s-sub:#9a8770;--s-line:#e6dbcb;
  --s-brand:#9c6b43;--s-brand-ink:#fff;--s-brand-soft:#eaddc9;
  --s-hero:linear-gradient(135deg,#ece0ce,#f6efe3);--s-r:10px;--s-fw:500;--s-hls:0;
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}

/* 7 · GRAPE — 네온 사이버 퍼플 (다크) */
[data-skin="grape"]{
  --s-bg:#0f0a1c;--s-surf:#1a1230;--s-ink:#efe9ff;--s-sub:#9a8fc4;--s-line:rgba(255,255,255,.09);
  --s-brand:#a855f7;--s-brand-ink:#fff;--s-brand-soft:rgba(168,85,247,.18);
  --s-hero:radial-gradient(120% 100% at 80% 0,rgba(168,85,247,.42),#0f0a1c);--s-r:16px;
  --s-shadow:0 20px 42px -16px rgba(168,85,247,.55);
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="grape"] .sth-cta,[data-skin="grape"] .pc-add,[data-skin="grape"] .stb-cart{box-shadow:0 0 20px rgba(168,85,247,.55)}

/* 8 · PINE — 차분한 내추럴 그린 */
[data-skin="pine"]{
  --s-bg:#eef3ec;--s-surf:#ffffff;--s-ink:#162a1d;--s-sub:#6f8473;--s-line:#dbe5d9;
  --s-brand:#1f7a4d;--s-brand-ink:#fff;--s-brand-soft:#d6ecdd;
  --s-hero:linear-gradient(135deg,#d9ebdd,#eef3ec);--s-r:10px;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}

/* 9 · MIDNIGHT — 딥 네이비 테크 다크 */
[data-skin="midnight"]{
  --s-bg:#0a1020;--s-surf:#101a31;--s-ink:#e6eefc;--s-sub:#7e93b8;--s-line:rgba(255,255,255,.09);
  --s-brand:#22d3ee;--s-brand-ink:#04121a;--s-brand-soft:rgba(34,211,238,.16);
  --s-hero:radial-gradient(120% 100% at 80% 0,rgba(34,211,238,.28),#0a1020);--s-r:14px;
  --s-shadow:0 20px 42px -16px rgba(34,211,238,.4);
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="midnight"] .sth-cta,[data-skin="midnight"] .pc-add,[data-skin="midnight"] .stb-cart{box-shadow:0 0 18px rgba(34,211,238,.45)}

/* 10 · CORAL — 코랄 선셋 웜 */
[data-skin="coral"]{
  --s-bg:#fff4ef;--s-surf:#ffffff;--s-ink:#3d251d;--s-sub:#b58d7e;--s-line:#fbe0d6;
  --s-brand:#ff6f5e;--s-brand-ink:#fff;--s-brand-soft:#ffe0d8;
  --s-hero:linear-gradient(135deg,#ffe1d6,#fff0e0);--s-r:18px;--s-radd:14px;
  --s-fd:'Plus Jakarta Sans',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}

/* 11 · LAVENDER — 라벤더 드리미 소프트 */
[data-skin="lavender"]{
  --s-bg:#f6f3ff;--s-surf:#ffffff;--s-ink:#332a48;--s-sub:#9c92b8;--s-line:#e9e3fb;
  --s-brand:#8b6cf0;--s-brand-ink:#fff;--s-brand-soft:#e7defc;
  --s-hero:linear-gradient(135deg,#e8e0ff,#f4eeff);--s-r:20px;--s-radd:14px;
  --s-fd:'Plus Jakarta Sans',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}

/* 12 · SLATE — 쿨 그레이 프리미엄 */
[data-skin="slate"]{
  --s-bg:#eef0f3;--s-surf:#ffffff;--s-ink:#1b2026;--s-sub:#7d8794;--s-line:#dfe3e8;
  --s-brand:#3b4654;--s-brand-ink:#fff;--s-brand-soft:#e2e6ec;
  --s-hero:#e3e7ec;--s-r:8px;--s-ls:.02em;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="slate"] .stb-logo,[data-skin="slate"] .stf-logo{text-transform:uppercase}

/* 13 · BERRY — 비비드 베리 볼드 */
[data-skin="berry"]{
  --s-bg:#fff0f6;--s-surf:#ffffff;--s-ink:#2e0f24;--s-sub:#b07490;--s-line:#fad7e8;
  --s-brand:#e91e8c;--s-brand-ink:#fff;--s-brand-soft:#ffd6ec;
  --s-hero:linear-gradient(120deg,#ffd0e6,#ffe6f0);--s-r:16px;--s-fw:800;--s-hls:-.03em;
  --s-fd:'Archivo',sans-serif;--s-fb:'Inter',sans-serif;
}

/* 14 · CRIMSON — 스포티 크림슨 액티브 */
[data-skin="crimson"]{
  --s-bg:#fdf1f0;--s-surf:#ffffff;--s-ink:#2a0f0d;--s-sub:#b07f7b;--s-line:#f8d6d2;
  --s-brand:#e23b2e;--s-brand-ink:#fff;--s-brand-soft:#ffd8d3;
  --s-hero:linear-gradient(120deg,#ffd9d4,#fff0ed);--s-r:12px;--s-fw:800;--s-ls:-.01em;--s-hls:-.03em;
  --s-fd:'Archivo',sans-serif;--s-fb:'Inter',sans-serif;
}
[data-skin="crimson"] .sth-title,[data-skin="crimson"] .stb-logo{text-transform:uppercase}

/* ════════ 신규 무드 4종 (2026-06-18) ════════ */
/* LUXE — 모노크롬 럭셔리 (다크·세리프) */
[data-skin="luxe"]{
  --s-bg:#0c0c0d;--s-surf:#161617;--s-ink:#f4f1ea;--s-sub:#9a958c;--s-line:rgba(255,255,255,.08);
  --s-brand:#e8e2d4;--s-brand-ink:#15130f;--s-brand-soft:rgba(232,226,212,.12);
  --s-hero:linear-gradient(165deg,#1c1c1e,#0c0c0d);--s-r:2px;--s-radd:2px;--s-rpill:2px;--s-fw:500;--s-ls:.05em;--s-hls:.02em;
  --s-shadow:0 22px 44px -18px rgba(0,0,0,.8);
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
[data-skin="luxe"] .sth-title,[data-skin="luxe"] .stb-logo,[data-skin="luxe"] .sh-head h3{letter-spacing:.06em}
/* RETRO — 따뜻한 뉴트로 (머스타드·브라운) */
[data-skin="retro"]{
  --s-bg:#f7ecd8;--s-surf:#fff8ec;--s-ink:#4a3417;--s-sub:#9c815a;--s-line:#e6d4b3;
  --s-brand:#d98a2b;--s-brand-ink:#fff8ec;--s-brand-soft:#f3dcb4;
  --s-hero:linear-gradient(120deg,#f0d49a,#f7e7c6);--s-r:18px;--s-radd:14px;--s-rpill:99px;--s-fw:700;--s-ls:0;
  --s-fd:'Archivo',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}
/* SAND — 어스 뉴트럴 (테라코타·샌드) */
[data-skin="sand"]{
  --s-bg:#f3e9df;--s-surf:#fbf5ee;--s-ink:#473428;--s-sub:#9a8472;--s-line:#e6d6c6;
  --s-brand:#bc6c44;--s-brand-ink:#fbf5ee;--s-brand-soft:#ecd8c6;
  --s-hero:linear-gradient(135deg,#e4cdb6,#f1e3d4);--s-r:14px;--s-radd:12px;--s-fw:600;
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
/* FOREST — 딥 그린 보태니컬 */
[data-skin="forest"]{
  --s-bg:#0f1a13;--s-surf:#16241b;--s-ink:#eaf2e8;--s-sub:#8fa893;--s-line:rgba(255,255,255,.08);
  --s-brand:#7bb661;--s-brand-ink:#0f1a13;--s-brand-soft:rgba(123,182,97,.16);
  --s-hero:linear-gradient(160deg,#1d3025,#0f1a13);--s-r:16px;--s-radd:12px;--s-fw:600;
  --s-shadow:0 22px 44px -18px rgba(0,0,0,.6);
  --s-fd:'Fraunces',serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}

/* ════════ 식품·농축수산물·업태 특화 스킨 10종 ════════ */
/* 15 · HARVEST — 유기농 내추럴 그린 */
[data-skin="harvest"]{
  --s-bg:#f3f6ec;--s-surf:#fff;--s-ink:#243218;--s-sub:#6f7d5a;--s-line:#e0e7d0;
  --s-brand:#5c8a3a;--s-brand-ink:#fff;--s-brand-soft:#e2eed0;
  --s-hero:linear-gradient(135deg,#dfeccb,#f3f6ec);--s-r:14px;--s-fw:500;--s-hls:0;
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
/* 16 · OCEAN — 청량한 바다 블루 */
[data-skin="ocean"]{
  --s-bg:#eef5f6;--s-surf:#fff;--s-ink:#0d2a33;--s-sub:#5f8893;--s-line:#d6e6ea;
  --s-brand:#0e8aa8;--s-brand-ink:#fff;--s-brand-soft:#d2ecf2;
  --s-hero:linear-gradient(150deg,#cfe9ef,#eff7f8);--s-r:12px;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
/* 17 · BUTCHER — 프리미엄 정육 버건디 */
[data-skin="butcher"]{
  --s-bg:#f5efe9;--s-surf:#fbf6f1;--s-ink:#2a1512;--s-sub:#997a70;--s-line:#e6d8cf;
  --s-brand:#9c2b2b;--s-brand-ink:#fff;--s-brand-soft:#efd9d3;
  --s-hero:linear-gradient(140deg,#e7d3cb,#f5efe9);--s-r:8px;--s-fw:500;--s-hls:0;
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
/* 18 · BAKERY — 포근한 베이커리 카라멜 */
[data-skin="bakery"]{
  --s-bg:#fbf3e7;--s-surf:#fffaf2;--s-ink:#4a3522;--s-sub:#a98c6c;--s-line:#efe0cb;
  --s-brand:#c8893f;--s-brand-ink:#fff;--s-brand-soft:#f5e3c8;
  --s-hero:linear-gradient(135deg,#f6e6cd,#fbf3e7);--s-r:18px;--s-radd:14px;
  --s-fd:'Fraunces',serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}
/* 19 · ORCHARD — 상큼한 과수원 오렌지 */
[data-skin="orchard"]{
  --s-bg:#fff3ee;--s-surf:#fff;--s-ink:#43251c;--s-sub:#c0907f;--s-line:#fdded0;
  --s-brand:#ff7a3d;--s-brand-ink:#fff;--s-brand-soft:#ffe0d0;
  --s-hero:linear-gradient(130deg,#ffd9c2,#fff1e8);--s-r:20px;--s-radd:14px;--s-fw:800;--s-hls:-.03em;
  --s-fd:'Archivo',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}
/* 20 · HANOK — 전통 한지 단청 */
[data-skin="hanok"]{
  --s-bg:#f4eee1;--s-surf:#fbf7ee;--s-ink:#2c241a;--s-sub:#8c7c63;--s-line:#e4d9c4;
  --s-brand:#b23a2e;--s-brand-ink:#fff;--s-brand-soft:#ecd9bf;
  --s-hero:linear-gradient(140deg,#e8dcc4,#f4eee1);--s-r:6px;--s-fw:500;--s-ls:.02em;--s-hls:0;
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
/* 21 · MARKET — 활기찬 전통시장 레드 */
[data-skin="market"]{
  --s-bg:#fff7e8;--s-surf:#fff;--s-ink:#3a2410;--s-sub:#b08a4f;--s-line:#f3e2bd;
  --s-brand:#e8442e;--s-brand-ink:#fff;--s-brand-soft:#ffe1b0;
  --s-hero:linear-gradient(120deg,#ffd98a,#ffe9c2);--s-r:10px;--s-fw:800;--s-ls:-.01em;--s-hls:-.02em;
  --s-fd:'Archivo',sans-serif;--s-fb:'Inter',sans-serif;
}
/* 22 · SPROUT — 싱그러운 새싹 그린 */
[data-skin="sprout"]{
  --s-bg:#f0f7ee;--s-surf:#fff;--s-ink:#18301c;--s-sub:#6f8a6e;--s-line:#dcebd6;
  --s-brand:#3fa64f;--s-brand-ink:#fff;--s-brand-soft:#d6efd6;
  --s-hero:linear-gradient(140deg,#d4eecd,#f0f7ee);--s-r:16px;
  --s-fd:'Space Grotesk',sans-serif;--s-fb:'Inter',sans-serif;
}
/* 23 · DAIRY — 포근한 낙농 밀키블루 */
[data-skin="dairy"]{
  --s-bg:#f3f6fb;--s-surf:#fff;--s-ink:#2a3142;--s-sub:#8893a8;--s-line:#e2e8f2;
  --s-brand:#5b8fd6;--s-brand-ink:#fff;--s-brand-soft:#dde9f8;
  --s-hero:linear-gradient(150deg,#e3edf8,#f3f6fb);--s-r:20px;--s-radd:14px;
  --s-fd:'Plus Jakarta Sans',sans-serif;--s-fb:'Plus Jakarta Sans',sans-serif;
}
/* 24 · GOURMET — 다크 골드 프리미엄 델리 */
[data-skin="gourmet"]{
  --s-bg:#14130f;--s-surf:#1d1c16;--s-ink:#f2ede0;--s-sub:#9c9686;--s-line:rgba(255,255,255,.09);
  --s-brand:#c9a44f;--s-brand-ink:#14130f;--s-brand-soft:rgba(201,164,79,.16);
  --s-hero:linear-gradient(160deg,#22201a,#14130f);--s-r:8px;--s-fw:500;--s-hls:0;
  --s-shadow:0 22px 44px -18px rgba(0,0,0,.7);
  --s-fd:'Fraunces',serif;--s-fb:'Inter',sans-serif;
}
[data-skin="gourmet"] .sth-cta,[data-skin="gourmet"] .pc-add{box-shadow:0 0 18px rgba(201,164,79,.35)}