/* Cà Phê Miền Tây — warm illustrated hub palette, October 2026.
   Color-only layer scoped to the home screen. Preserve every menu hitbox,
   icon, saved state, unlock rule and responsive arrangement. */
#home-screen{
  --hub-espresso:#4e2c1b;
  --hub-coffee:#764326;
  --hub-cream:#fff2d3;
  --hub-ink:#432718;
  --hub-olive:#658b35;
}

/* Let the colorful morning market show through instead of a near-black veil. */
#home-screen.home-screen::after{
  background:
    linear-gradient(90deg,rgba(43,27,18,.67) 0%,rgba(49,30,19,.36) 41%,rgba(47,27,17,.33) 100%),
    linear-gradient(180deg,rgba(42,24,14,.12),rgba(35,20,12,.44));
}
#home-screen .home-wash{
  background:linear-gradient(180deg,rgba(255,224,159,.07),transparent 44%,rgba(37,21,13,.44));
}

/* The greeting reads like handpainted lettering on a cheerful wooden sign. */
#home-screen .story-eyebrow{
  display:table;width:max-content;max-width:100%;
  padding:5px 15px 4px;margin-bottom:10px;
  border:2px solid #ab7548;border-radius:10px;
  background:linear-gradient(180deg,#91552f,#714021);
  box-shadow:inset 0 1px 0 #e9ad6a,0 3px 0 #452718a8;
  color:#ffebc3;text-shadow:0 1px 2px #482612;
}
#home-screen .home-story h2{
  color:#fff9e9;
  text-shadow:0 4px 0 #4b2515,2px 6px 8px #25120c8c;
}
#home-screen .home-story h2 .story-highlight{
  color:#ffda69;
  text-shadow:0 4px 0 #5b3018,1px 5px 8px #25120c94;
}
#home-screen .home-story>p{
  color:#fff1d8;
  text-shadow:0 2px 3px #2c190e,0 0 10px #27140f;
}
#home-screen .next-goal{
  border:2px solid #9d663a;
  background:linear-gradient(145deg,#fff1cc,#ffe0a8);
  box-shadow:0 4px 0 #4f2a1aaf,inset 0 1px 0 #fff9e7;
  color:#53311e;text-shadow:none;
}
#home-screen .next-goal>span{
  background:linear-gradient(#ffe99b,#ffbe57);
  border:1px solid #d99442;
  color:#754015;
}
#home-screen .next-goal small{color:#82532b}
#home-screen .next-goal b{color:#452718}
#home-screen .open-shop-button{
  background:linear-gradient(180deg,#4d7d2c 0%,#4a9730 61%,#39832a 100%);
  border-color:#305f25;
  box-shadow:inset 0 2px 0 #a9da78,0 6px 0 #2b5d22,0 13px 25px #20120991;
  color:#fffef1;text-shadow:0 2px 2px #29521e;
}
#home-screen .open-shop-button small{color:#fdfff5}
#home-screen .open-shop-button .open-shop-cup{
  background:linear-gradient(#fff9e6,#f5e0b1);
  border-color:#38652a;color:#633c23;text-shadow:none;
}
#home-screen .open-shop-button:hover{filter:brightness(1.07) saturate(1.04)}
#home-screen .open-shop-button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #a9da78,0 3px 0 #2b5d22}

/* Header plaque and three friendly pastel pre-shift cards. */
#home-screen .home-section-heading>span{
  display:inline-block;padding:4px 14px 5px;
  border:2px solid #9b623a;border-radius:10px;
  background:linear-gradient(#965a33,#754022);
  box-shadow:inset 0 1px 0 #c58959,0 3px 0 #3a2015aa;
  color:#fff4d7;text-shadow:0 2px 2px #4c2b1a;
}
#home-screen .home-section-heading small{
  color:#fff0d4;text-shadow:0 2px 3px #352115;
}
#home-screen .home-prepare .hub-card{
  border-color:#995f36;
  background:linear-gradient(145deg,#fff6de 0%,#ffe5b5 100%);
  color:var(--hub-ink);
  box-shadow:0 6px 0 #4f2e1cba,0 11px 22px #2a160e83,inset 0 0 0 4px #fffcf199;
}
#home-screen .home-prepare .hub-card.menu-card{
  border-color:#82964a;
  background:linear-gradient(145deg,#f2fad8 0%,#d6edaa 100%);
  box-shadow:0 6px 0 #526430be,0 11px 22px #28170d73,inset 0 0 0 4px #faffed9e;
}
#home-screen .home-prepare .hub-card.upgrade-card{
  border-color:#ae7047;
  background:linear-gradient(145deg,#ffe9d2 0%,#ffd1ad 100%);
  box-shadow:0 6px 0 #784827ba,0 11px 22px #2a160e72,inset 0 0 0 4px #fff5e4a6;
}
#home-screen .home-prepare .hub-card::before{border-color:#b18a5970}
#home-screen .home-prepare .hub-card-copy{text-shadow:0 1px 0 #fff9eb}
#home-screen .home-prepare .hub-card-copy b{color:#3d2416}
#home-screen .home-prepare .hub-card-copy small{color:#79502d}
#home-screen .home-prepare .hub-card-copy em{color:#64452f}
#home-screen .hub-badge{
  background:linear-gradient(#684028,#4b2a1a);
  color:#fff4d6;box-shadow:0 2px 0 #301b13a8;
}
#home-screen .home-prepare .hub-card:hover{
  filter:brightness(1.045) saturate(1.06);
}
#home-screen .home-ledger-shortcut{
  border-color:#9a6237;
  background:linear-gradient(145deg,#fff7e0 0%,#ffe6bd 100%);
  color:#4a2c1b;
  box-shadow:0 5px 0 #54311daf,inset 0 0 0 3px #fffbefb0;
}
#home-screen .home-ledger-shortcut b{color:#432718}
#home-screen .home-ledger-shortcut em,
#home-screen .home-ledger-shortcut small{color:#754c2d}

/* Dark wood notebook frames cream activity tiles, as in the reference. */
#home-screen .home-more{
  border-color:#a46b3d;
  background:#5b341f;
  box-shadow:0 5px 0 #2f190fa8,0 9px 18px #25130853;
}
#home-screen .home-more summary{
  background:linear-gradient(145deg,#754329,#5a311d);
  color:#fff4db;
}
#home-screen .home-more summary small{color:#ffe2a6}
#home-screen .home-more summary b{color:#fff3d9}
#home-screen .home-more[open] summary{border-bottom-color:#bd805172}
#home-screen .home-more summary i{
  background:linear-gradient(#7ab747,#529638);
  border:1px solid #aed681;
  color:#fff9e9;box-shadow:0 2px 0 #2d5f28;
}
#home-screen .home-more .hub-tools{background:linear-gradient(#54301e,#432718)}
#home-screen .home-more .hub-tools button{
  border-color:#ac7647;
  background:linear-gradient(145deg,#fff4d8 0%,#ffe0b6 100%);
  box-shadow:0 3px 0 #352015ad,inset 0 0 0 2px #fffbee9c;
  color:#422817;
}
#home-screen .home-more .hub-tools button>b{color:#3e2515}
#home-screen .home-more .hub-tools button>small{color:#6a4a33}
#home-screen .home-more .hub-tools .review-tool{
  border-color:#789349;
  background:linear-gradient(145deg,#f0f9cc,#cbe7a6);
  box-shadow:0 3px 0 #465e2dad,inset 0 0 0 2px #faffea99;
}
#home-screen .home-more .hub-tools .journey-tool{
  border-color:#84974f;
  background:linear-gradient(145deg,#f1f5d9,#dce9b9);
}
#home-screen .home-more .hub-tools .orders-tool{
  background:linear-gradient(145deg,#fff0db,#f6d2b0);
}
#home-screen .home-more .hub-tools .achievement-tool{
  background:linear-gradient(145deg,#fff3d3,#f6dba2);
}
#home-screen .home-more .hub-tools button:not(:disabled):hover{
  filter:brightness(1.05) saturate(1.06);
}
#home-screen .hub-card:focus-visible,
#home-screen .home-ledger-shortcut:focus-visible,
#home-screen .hub-tools button:focus-visible,
#home-screen .open-shop-button:focus-visible{
  outline:3px solid #fff5a6;outline-offset:3px;
}
/* Keep progression-locked items unmistakably unavailable. */
#home-screen .home-more .hub-tools button.signature-unavailable:disabled{
  background:linear-gradient(145deg,#dcd9d1,#beb8ae);
  border-color:#8b8477;color:#696158;
  filter:grayscale(1);opacity:.79;
  box-shadow:inset 0 0 0 2px #eeeae2,0 3px 0 #41362d8f;
}