/* Makes Listmonk's public pages (subscribe, confirm, unsubscribe, preferences)
   look like yindeegames.com. These pages are where every double opt-in lands,
   so a stranger's first click should not arrive somewhere that looks unrelated
   to the site they just left. Palette and faces are lifted from
   src/styles/tokens.css and fonts.css. */

@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('https://yindeegames.com/fonts/nunito/400-latin.woff2') format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('https://yindeegames.com/fonts/nunito/700-latin.woff2') format('woff2');}
@font-face{font-family:'Mali';font-style:normal;font-weight:400;font-display:swap;src:url('https://yindeegames.com/fonts/mali/400-thai.woff2') format('woff2');}
@font-face{font-family:'Zen Maru Gothic';font-style:normal;font-weight:400;font-display:swap;src:url('https://yindeegames.com/fonts/zen-maru-gothic/400-jp.woff2') format('woff2');}
@font-face{font-family:'Zen Maru Gothic';font-style:normal;font-weight:700;font-display:swap;src:url('https://yindeegames.com/fonts/zen-maru-gothic/700-jp.woff2') format('woff2');}

:root{
  --yg-paper:#fbf7ee;
  --yg-paper-deep:#f2e9d8;
  --yg-ink:#232b1d;
  --yg-text:#2f3a28;
  --yg-text-soft:#55604c;
  --yg-primary:#4d823f;
  --yg-primary-hover:#457539;
  --yg-border:rgba(35,43,29,0.12);
}

/* No unicode-range, so per-character fallback walks Nunito -> Mali -> Zen Maru
   Gothic. That is what keeps a mixed ไทย / 日本語 list name readable. */
body,input,button,select,textarea{
  font-family:'Nunito','Mali','Zen Maru Gothic',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
}

body{background:var(--yg-paper-deep) !important;color:var(--yg-text) !important;}

.container,.wrap{
  background:var(--yg-paper) !important;
  border:1px solid var(--yg-border) !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(35,43,29,0.05),0 12px 32px rgba(35,43,29,0.07) !important;
  padding:2rem !important;
}

.header{border-bottom:1px solid var(--yg-border) !important;}
.logo,.header a{color:var(--yg-ink) !important;text-decoration:none !important;font-weight:700 !important;}

h1,h2,h3{color:var(--yg-ink) !important;line-height:1.25 !important;}
p,label,li{color:var(--yg-text) !important;line-height:1.6 !important;}
.description{color:var(--yg-text-soft) !important;font-size:.9rem !important;}

a{color:var(--yg-primary) !important;}
a:hover{color:var(--yg-primary-hover) !important;}

input[type=text],input[type=email]{
  border:1px solid var(--yg-border) !important;
  border-radius:.5rem !important;
  padding:.65em .75em !important;
  background:#fff !important;
  color:var(--yg-text) !important;
}
input[type=text]:focus,input[type=email]:focus{
  outline:2px solid var(--yg-primary) !important;
  outline-offset:1px !important;
}

.button,button[type=submit],input[type=submit]{
  background:var(--yg-primary) !important;
  border:0 !important;
  border-radius:999px !important;
  color:#fff !important;
  font-weight:700 !important;
  padding:.75em 1.6em !important;
  cursor:pointer !important;
}
.button:hover,button[type=submit]:hover{background:var(--yg-primary-hover) !important;}

/* Listmonk's own honeypot must stay invisible whatever else changes here. */
.nonce{position:absolute !important;left:-9999px !important;opacity:0 !important;}