/* YONNEKO — shared tokens. พื้นครีม + มัทฉะโอลีฟ = สีแบรนด์จริงจาก Master Plan/สติกเกอร์ที่ผลิตแล้ว */
:root{
  --cream:#f7f3e8;          /* พื้นแผ่นสติกเกอร์ */
  --cream-2:#efe9d8;        /* พื้นลึกขึ้นหนึ่งขั้น */
  --paper-line:#d9d0b8;
  --matcha:#4f6a2e;         /* olive หลัก (โลโก้) */
  --matcha-deep:#2f4520;    /* ink เขียวเข้ม (เสื้อขุน) */
  --sage:#9aae7c;
  --sage-soft:#cfd9b8;
  --ink:#2a2b22;
  --ink-soft:#5a5b4c;
  --gold:#b8933f;           /* จี้ห้อยคอ */
  --terra:#c4694a;          /* accent เล็ก (ตราประทับ) */
  --white:#fffdf8;
  --shadow:0 10px 30px -12px rgba(47,69,32,.28);
  --r:22px;
  --z-sticky:10;--z-modal:40;--z-toast:50;
  --font-th:'Noto Sans Thai','Nunito',system-ui,sans-serif;
  --font-display:'Nunito','Noto Sans Thai',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:var(--font-th);line-height:1.6;font-size:17px;
  background-image:radial-gradient(rgba(79,106,46,.05) 1px,transparent 1.2px);background-size:22px 22px}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;text-wrap:balance;color:var(--matcha-deep)}
.jp{font-family:'Zen Maru Gothic','Noto Sans Thai',sans-serif}
.wrap{width:min(1120px,92vw);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.35rem;border-radius:999px;
  font-weight:700;font-family:var(--font-display);text-decoration:none;border:2px solid var(--matcha-deep);
  background:var(--matcha-deep);color:var(--white);cursor:pointer;font-size:1rem;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn.ghost{background:transparent;color:var(--matcha-deep)}
.btn.line{background:#06c755;border-color:#06c755;color:#fff}
.btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sticker{filter:drop-shadow(0 6px 10px rgba(47,69,32,.18))}
.tag{display:inline-block;padding:.15rem .7rem;border-radius:999px;background:var(--sage-soft);color:var(--matcha-deep);font-weight:700;font-size:.85rem}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}