/* =========================================================================
   GRABO Newsletter — MailChimp skin for the PUBLIC subscriber pages
   (subscription form, preferences, unsubscribe, public archive).
   Injected via Settings → Appearance → Public → Custom CSS.
   Generic selectors only — public templates are plain HTML.
   ========================================================================= */
:root{
  --mc-yellow:#ffe01b; --mc-ink:#241c15; --mc-ink-2:#4c555b;
  --mc-teal:#007c89; --mc-teal-hover:#006771;
  --mc-page:#f6f6f4; --mc-surface:#fff; --mc-border:#e2e9ed; --mc-border-strong:#c3ced5;
}
body{
  font-family:"Inter","Graphik Web","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color:var(--mc-ink); background:var(--mc-page);
}
/* yellow MailChimp strip at the very top */
body::before{
  content:""; position:fixed; top:0; left:0; right:0; height:5px;
  background:var(--mc-yellow); z-index:9999;
}
h1,h2,h3,.title{ color:var(--mc-ink) !important; font-weight:600; letter-spacing:-.01em; }
a{ color:var(--mc-teal); }
a:hover{ color:var(--mc-teal-hover); }

/* content card */
.wrap,.container,.box,.card,main > form,.content-wrap{
  background:var(--mc-surface); border:1px solid var(--mc-border);
  border-radius:12px; box-shadow:0 1px 3px rgba(36,28,21,.06);
}

/* inputs */
input[type=text],input[type=email],input[type=password],select,textarea,.input{
  border-radius:4px !important; border:1px solid var(--mc-border-strong) !important;
  color:var(--mc-ink); font-family:inherit;
}
input:focus,select:focus,textarea:focus,.input:focus{
  border-color:var(--mc-teal) !important; box-shadow:0 0 0 2px rgba(0,124,137,.15) !important; outline:0;
}

/* primary buttons → MailChimp yellow, dark text (the iconic public CTA) */
button,input[type=submit],.button,.btn{
  border-radius:6px !important; font-weight:700 !important;
  background:var(--mc-yellow) !important; color:var(--mc-ink) !important;
  border:1px solid var(--mc-yellow) !important; cursor:pointer;
  transition:background .15s;
}
button:hover,input[type=submit]:hover,.button:hover,.btn:hover{ background:#eace1b !important; }
/* secondary / unsubscribe-style buttons stay subtle */
.button.is-light,.button.secondary,button.secondary{
  background:var(--mc-surface) !important; color:var(--mc-ink) !important;
  border:1px solid var(--mc-border-strong) !important;
}
::selection{ background:rgba(255,224,27,.5); }