/* Hay Farm dark earth palette, approved 2026-09-28.
   Color-only layer: preserve current layout, interactions, rewards and ad widgets. */

body.hay-farm-mode {
  color-scheme: dark;
  --hay-sky: #241911;
  --hay-grass: #78935a;
  --hay-grass-lt: #9eb47b;
  --hay-grass-dk: #c0d79d;
  --hay-meadow: #423422;
  --hay-card: #3a291e;
  --hay-ink: #f8ead5;
  --hay-ink-soft: #dfc9a9;
  --hay-line: #765539;
  --hay-accent: #c18a43;
  --hay-accent-dk: #edba75;
  --paper: var(--hay-card);
  --paper-edge: var(--hay-line);
  --ink: var(--hay-ink);
  --ink-soft: var(--hay-ink-soft);
  --soil: #785031;
  --soil-dk: #efd2a9;
  --leaf: #78935a;
  --leaf-dk: #c0d79d;
  --gold: var(--hay-accent);
  --gold-dk: var(--hay-accent-dk);
  --gold-lt: #e1aa5c;
  --rose: #f2a197;
  --press-green-top: #75935c;
  --press-green-base: #557446;
  --press-green-edge: #324b2e;
  --press-gold-top: #dfa956;
  --press-gold-base: #bd833b;
  --press-gold-edge: #7c4c21;
  --shadow: 0 7px 0 rgba(19, 11, 6, .36), 0 14px 28px rgba(11, 6, 3, .24);
  --shadow-sm: 0 4px 0 rgba(19, 11, 6, .32), 0 7px 16px rgba(11, 6, 3, .22);
  color: var(--hay-ink);
  background: linear-gradient(180deg, #241911 0%, #2b1d15 48%, #312117 100%);
  background-attachment: fixed;
}

body.hay-farm-mode .hud {
  border-color: #866344;
  background: linear-gradient(145deg, #3e2b1f, #443022);
  box-shadow: 0 5px 0 #28180f, 0 10px 19px rgba(9, 6, 4, .28);
}
body.hay-farm-mode .hud::after { color: #e7b361; filter: drop-shadow(0 2px 0 #714621); }
body.hay-farm-mode .avatar {
  border-color: #85684b;
  background: linear-gradient(145deg, #6f8650, #405c3b);
  box-shadow: 0 3px 0 #29412c;
}
body.hay-farm-mode .who .nm { color: var(--hay-ink); }
body.hay-farm-mode .who .lv { color: #fff0d3; }
body.hay-farm-mode .level-board {
  border-color: #896642;
  background: linear-gradient(180deg, #604326, #795533);
  box-shadow: inset 0 1px 0 rgba(255, 230, 184, .18), 0 2px 0 #322014;
}
body.hay-farm-mode .level-kicker,
body.hay-farm-mode .level-board .exp-num { color: #f1d9b6; }
body.hay-farm-mode .level-seed { border-color: #8a9a61; background: #475634; }
body.hay-farm-mode .exp-track { background: #241d16; }
body.hay-farm-mode .exp-fill { background: repeating-linear-gradient(90deg, #779458 0 9px, #a2bb72 9px 12px); }
body.hay-farm-mode .lang-toggle,
body.hay-farm-mode .coin {
  border-color: var(--hay-line);
  background: #302219;
  color: var(--hay-ink);
  box-shadow: 0 2px 0 #1d130d;
}

body.hay-farm-mode .scrn-head {
  border-color: #9a7546;
  background: linear-gradient(180deg, #654329, #513421);
  box-shadow: 0 5px 0 #28180f, 0 9px 17px rgba(13, 7, 3, .25);
}
body.hay-farm-mode .scrn-head h2 { color: #fff3d9; text-shadow: 0 2px 0 #2b190f; }
body.hay-farm-mode .scrn-head .sub { color: #f3dbb4; }
body.hay-farm-mode .scrn-head::before,
body.hay-farm-mode .scrn-head::after { background: #d7a458; box-shadow: inset 0 -2px 0 #79502b; }

body.hay-farm-mode :is(.card, .crop-section, .farm-order-card, .town-progress-card,
  .ref-friend, .invite-duo, .bank-fact, .stat, .barn, .pasture-hud, .hay-neighbor-card,
  .hay-neighbor-friend, .order-choice, .starter-guide) {
  border-color: #816044;
  background: linear-gradient(145deg, #3a291e, #443022);
  color: var(--hay-ink);
  box-shadow: 0 5px 0 #24160f, 0 10px 20px rgba(8, 5, 3, .25);
}
body.hay-farm-mode .barn::before { border-color: var(--hay-line); }
body.hay-farm-mode .row {
  border-color: rgba(200, 155, 99, .25);
  background: rgba(255, 229, 183, .055);
}
body.hay-farm-mode .row .emo {
  border-color: #927253;
  background: #59452e;
  box-shadow: 0 3px 0 #302319;
}
body.hay-farm-mode .row .mid .t,
body.hay-farm-mode .crop-head .t,
body.hay-farm-mode .farm-orders-title b,
body.hay-farm-mode .bank-ledger-title b,
body.hay-farm-mode .hay-chore-section { color: #ffdfae; }

body.hay-farm-mode .crop-card,
body.hay-farm-mode .slot,
body.hay-farm-mode .pen-card {
  border-color: #70593d;
  background: linear-gradient(180deg, #4b3928, #403122);
  color: var(--hay-ink);
  box-shadow: 0 2px 0 #251a12;
}
body.hay-farm-mode :is(.crop-card, .slot, .pen-card).ready {
  border-color: #ac8344;
  background: linear-gradient(180deg, #66502d, #554027);
}
body.hay-farm-mode :is(.crop-card, .slot, .pen-card).locked,
body.hay-farm-mode .pen-lock { border-color: #584638; background: #362b23; }
body.hay-farm-mode .crop-card :is(.c-name, .c-status) { color: var(--hay-ink); }
body.hay-farm-mode .crop-card .c-status { color: var(--hay-ink-soft); }
body.hay-farm-mode .crop-level-lock { color: #ffe1ad; background: #674b2d; }
body.hay-farm-mode .crop-card.tutorial-target,
body.hay-farm-mode .farm-order-card.tutorial-target { border-color: #e3a954 !important; }
body.hay-farm-mode .crop-card.tutorial-target::before,
body.hay-farm-mode .farm-order-card.tutorial-target::before { background: #bd833b; color: #21150d; }

body.hay-farm-mode .town-progress-card,
body.hay-farm-mode .farm-order-card { color: var(--hay-ink); }
body.hay-farm-mode .town-progress-head .town-level { background: #557446; color: #fff8e9; }
body.hay-farm-mode .town-storage-head,
body.hay-farm-mode .town-storage-limit,
body.hay-farm-mode .farm-order-reward,
body.hay-farm-mode .farm-orders-title span { color: var(--hay-ink-soft); }
body.hay-farm-mode :is(.town-xp-track, .town-storage-track, .hay-meter, .hay-bar, .ref-bar) {
  border-color: #6d5136;
  background: #281d16;
}
body.hay-farm-mode .farm-order-customer,
body.hay-farm-mode .order-choice-title { color: var(--hay-ink); }
body.hay-farm-mode .farm-order-customer .face { background: #59452e; }
body.hay-farm-mode .farm-order-deadline {
  border-color: #9a7546;
  background: #60452b;
  color: #ffe0aa;
}
body.hay-farm-mode .farm-order-deadline.urgent {
  border-color: #ad6157;
  background: #663730;
  color: #ffd4c9;
}
body.hay-farm-mode .farm-order-item,
body.hay-farm-mode .order-choice-item { border-color: #795a3d; color: var(--hay-ink-soft); }
body.hay-farm-mode .farm-order-item { background: #4b3726; }
body.hay-farm-mode .farm-order-item.ready { border-color: #77905a; background: #394a32; color: #d9edc5; }
body.hay-farm-mode .order-choice-title span { color: #c2dda8; }
body.hay-farm-mode .order-choice-wait { color: #f1bf7e; }
body.hay-farm-mode .order-choice-item b { color: #f2aa9a; }
body.hay-farm-mode .farm-order-deliver.is-delivering { color: #e9d6bc; }

body.hay-farm-mode #app :is(.pill, .btn-full, .farm-order-deliver, .farm-order-refresh,
  .town-storage-upgrade, .withdraw-quick button, .starter-guide button,
  .subtab-btn, .farm-zone-tabs button, .pasture-toolbar button,
  .pasture-manage button, .pasture-bar button, .invite-share) {
  border-color: rgba(255, 232, 188, .25);
  color: #fff8e9;
  text-shadow: 0 1px 1px rgba(20, 11, 6, .4);
  box-shadow: 0 5px 0 var(--press-edge, #324b2e), 0 8px 9px rgba(9, 5, 3, .34);
}
body.hay-farm-mode #app :is(.pill.ok, .pill.gem, .farm-order-refresh,
  .town-storage-upgrade, .bank-withdraw, .invite-hero .pill, .invite-share) {
  color: #24170e;
  text-shadow: 0 1px 0 rgba(255, 241, 208, .3);
}
body.hay-farm-mode #app :is(.pill.ghost, .pill.done, .withdraw-quick button,
  .subtab-btn:not(.active), .farm-zone-tabs button:not(.on)) {
  --press-top: #6b5846;
  --press-base: #584738;
  --press-edge: #302319;
  color: var(--hay-ink);
  text-shadow: none;
}
body.hay-farm-mode #app :is(.pill, .btn-full, .farm-order-deliver,
  .farm-order-refresh, .town-storage-upgrade, .withdraw-quick button,
  .starter-guide button, .subtab-btn, .farm-zone-tabs button,
  .pasture-toolbar button, .pasture-manage button, .pasture-bar button,
  .invite-share):disabled { opacity: .83; }
body.hay-farm-mode #app .dock button {
  border-color: rgba(255, 232, 188, .28);
  background: linear-gradient(180deg, var(--press-gold-top), var(--press-gold-base) 36%);
  color: #24170e;
  box-shadow: 0 5px 0 var(--press-gold-edge), 0 8px 10px rgba(9, 5, 3, .35);
}
body.hay-farm-mode .dock .cnt { background: #493020; color: #fff0d3; }

body.hay-farm-mode .task-subtabs { border-color: var(--hay-line); background: var(--hay-card); box-shadow: 0 3px 0 #24160f; }
body.hay-farm-mode .subtab-btn.active { color: #fff8e9; }
body.hay-farm-mode #taskDailyProgress,
body.hay-farm-mode .ref-tier,
body.hay-farm-mode .hay-neighbor-tier { border-color: var(--hay-line); background: #4a3828 !important; color: var(--hay-ink); }
body.hay-farm-mode .ref-tier.done { background: #394a32 !important; }
body.hay-farm-mode .partner-badge { color: #d9edc5; background: #394a32; }
body.hay-farm-mode .invite-hero,
body.hay-farm-mode .bank-hero {
  border-color: #806044;
  background: linear-gradient(145deg, #4d3424, #654528);
  color: #fff1d9;
  box-shadow: 0 5px 0 #24160f, 0 10px 20px rgba(8, 5, 3, .25);
}
body.hay-farm-mode .invite-hero .invite-box input,
body.hay-farm-mode .field input,
body.hay-farm-mode .field select,
body.hay-farm-mode .bank-gift-row input {
  border-color: #8e6c49;
  background: #302219;
  color: var(--hay-ink);
}
body.hay-farm-mode :is(input, textarea)::placeholder { color: #cab393; opacity: 1; }
body.hay-farm-mode .invite-duo b,
body.hay-farm-mode .bank-fact b,
body.hay-farm-mode .invite-road .ref-tier b { color: #ffdfae; }
body.hay-farm-mode .invite-road .ref-tier { border-color: #765539; background: #443022 !important; }
body.hay-farm-mode .bank-gift { border-color: #a27b4a; background: linear-gradient(145deg, #483320, #514027); }
body.hay-farm-mode .withdraw-intro,
body.hay-farm-mode .withdraw-check,
body.hay-farm-mode .withdraw-warning {
  border-color: #816044;
  background: #443022;
  color: var(--hay-ink);
}
body.hay-farm-mode .withdraw-step { color: #f0d6aa; }
body.hay-farm-mode .withdraw-check.ok { color: #c1dfa8; }
body.hay-farm-mode .withdraw-check.bad { color: #ffc0b6; }
body.hay-farm-mode .network-banner,
body.hay-farm-mode .starter-guide .guide-countdown { background: #60452b; color: #ffe0aa; }
body.hay-farm-mode .starter-guide.is-ready { border-color: #8fa96d; background: #3c4931; }
body.hay-farm-mode .starter-guide .guide-step { color: #f0c083; }
body.hay-farm-mode .skel { background: #3a291e; background-image: linear-gradient(100deg, #38271d 30%, #55402e 50%, #38271d 70%); }

body.hay-farm-mode .nav {
  border-color: #947048;
  background: linear-gradient(180deg, #5d3c27, #513421);
  box-shadow: 0 6px 0 #28180f, 0 12px 20px rgba(10, 6, 3, .35);
}
body.hay-farm-mode .nav button { color: #f2dbb8; }
body.hay-farm-mode .nav button .ni.hay-emoji { background: rgba(255, 230, 185, .1); }
body.hay-farm-mode .nav button.on {
  background: linear-gradient(180deg, #ebbd72, #c58b43);
  color: #302015;
  box-shadow: inset 0 -3px 0 #8d5b29, 0 2px 0 rgba(22, 12, 6, .5);
}
body.hay-farm-mode .nav button.on .ni.hay-emoji { background: rgba(255, 241, 208, .25); }
body.hay-farm-mode .farm-rank-strip { border-color: #88633e; background: linear-gradient(135deg, #49331f, #604424); }
body.hay-farm-mode .farm-rank-strip-left,
body.hay-farm-mode .farm-rank-strip .rank-arrow { color: #ffe1ad; }
body.hay-farm-mode .ad-banner-bar { border-color: var(--hay-line); background: linear-gradient(180deg, #34251b, #443022); }

body.hay-farm-mode .scrim { background: rgba(13, 8, 5, .75); }
body.hay-farm-mode .sheet { border-color: #947048; background: linear-gradient(155deg, #3a291e, #443022); color: var(--hay-ink); }
body.hay-farm-mode .grab { background: #b08a5d; }
body.hay-farm-mode .sheet-close { color: var(--hay-ink); }
body.hay-farm-mode #toast { border-color: #a07a4b; background: #493020; color: #fff1d9; box-shadow: 0 5px 0 #24160f; }
body.hay-farm-mode #toast.win { background: #3b5a35; }

body.hay-farm-mode .membership-gate { background: linear-gradient(165deg, #241911, #38271d 60%, #4a3321); color: var(--hay-ink); }
body.hay-farm-mode .membership-card { border: 1px solid #806044; background: #3a291e; box-shadow: 0 18px 44px rgba(9, 5, 3, .45); }
body.hay-farm-mode .membership-channel { border-color: #765539; background: #493526; }
body.hay-farm-mode .membership-channel small { color: var(--hay-ink-soft); }
body.hay-farm-mode .membership-channel a,
body.hay-farm-mode #membershipRetry { background: #557446; color: #fff8e9; }
body.hay-farm-mode .membership-channel.joined a { background: #34492f; color: #d9edc5; }
body.hay-farm-mode .membership-message { color: #f0c083; }

body.hay-farm-mode #app button:focus-visible,
body.hay-farm-mode #app a:focus-visible,
body.hay-farm-mode .membership-gate :focus-visible { outline-color: #f3c381; }