/* Permanent dark presentation. Keep the established layout and ordering behavior. */
:root {
  color-scheme: dark;
  --cream: #0d1510;
  --paper: #17221a;
  --green: #eff2e9;
  --green-dark: #10190e;
  --muted: #acb8a7;
  --line: #354637;
  --gold: #ebc16d;
  --shadow: 0 18px 50px #00000040;
  --dark-accent: #c2d2ac;
}
html { scrollbar-color: #56664c #111b14; }
body { background: var(--cream); color: var(--green); }
::selection { background: var(--gold); color: #10190e; }
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible { outline-color: #c6e7a8; }
.skip-link { background: var(--gold); color: #10190e; }
.button-green, .button-gold { background: var(--gold); color: #10190e; }
.button-green:hover, .button-gold:hover { background: #f6d48c; color: #10190e; }
.text-link { border-bottom-color: #81926c; }
.text-link:hover { color: var(--gold); border-bottom-color: var(--gold); }
.eyebrow { color: var(--dark-accent); }
.js .intro { background: #0e2017; color: var(--gold); }
.intro p { color: #c8d3bd; }
.announcement { background: #1a3021; color: #e2ebd9; }
.site-header { background: #0e1812f5; border-bottom-color: #2f4032; }
.wordmark-number { color: var(--gold); }
.wordmark-name small { color: #b7c5ab; }
.desktop-nav a:hover { color: var(--gold); border-bottom-color: var(--gold); }
.account-link { color: #c4cebc; }
.bag-button { border-color: #536847; }
.bag-button:hover { background: #233322; }
.bag-button #cart-count { background: var(--gold); color: #10190e; }
.mobile-menu-toggle span { background: #e5ecd9; }
.mobile-nav { background: #121e16; }
.hero h1 em, .why-copy h2 em, .contact-inner h2 em { color: var(--gold); }
.little-sun { color: var(--gold); }
.hero-description { color: #b7c2b0; }
.hero-bottom>p { border-left-color: #43533d; }
.hero-price>strong { color: #edf1e5; }
.hero-price>span { color: #bac8ad; }
.hero-photo { background: #233323; box-shadow: 0 20px 70px #0003; }
.hero-stamp { color: #19230e; outline-color: #6f572d66; }
.hero-note { background: #1e2c20; color: #edf2e5; border: 1px solid #546447; }
.hero-note svg { background: #34452b; color: #d5e6bd; }
.flavor-strip { background: #19241a; border-color: #34412d; color: #cad6bc; }
.flavor-strip i, .flavor-strip>span:before { color: #a7bd8f; }
.section-heading h2 em { color: var(--dark-accent); }
.menu-filters button { background: #152017; border-color: #45573d; color: #d8e2cd; }
.menu-filters button:hover { border-color: var(--gold); }
.menu-filters button[aria-pressed=true] { background: var(--gold); border-color: var(--gold); color: #10190e; }
.meal-card { background: #17221a; border-color: #344532; }
.meal-card:hover { border-color: #5b704a; }
.meal-image-wrap { background: #263322; }
.meal-number, .meal-category { background: #111b13ed; color: #ecf0e4; }
.meal-description, .macro-detail, .pending-note { color: #afbea5; }
.meal-macros { color: #d5e5c3; }
.meal-macros>span { background: #2a3824; }
.meal-bottom, .menu-footnote { border-color: #354632; }
.add-meal { color: #edcd8d; border-color: #bda067; }
.add-meal:not(:disabled):hover { background: var(--gold); color: #10190e; }
.quantity-control { background: #101a12; border-color: #ad9464; color: #f0dfba; }
.quantity-control button:hover { background: #34432a; }
.quantity-control button:disabled { color: #a1ac98; opacity: .65; }
.price-pending, .price-pending:hover { background: #273022; color: #c1cbb7; border-color: #556149; }
.noscript-message { background: #253221; }
.how-section { background: #142b1d; color: #f0f2e8; border-block: 1px solid #354b35; }
.how-section h2 em { color: #cbdcad; }
.step, .fulfillment-note { border-color: #536548; }
.step-top>span, .step-top svg { color: #d2dcb5; stroke: #d2dcb5; }
.why-visual-word { color: #f9f7ee; }
.why-details>div>span { border-color: #657852; color: #d7deb8; }
.faq-section, .faq-list details, .contact-details>div, .site-footer>small { border-color: #354632; }
.faq-list summary:after { color: #c1d0a9; }
.faq-section>div>p>a { border-color: #839467; }
.contact-section { background: #1a281b; border-color: #3a4c33; }
.contact-details>div>span { color: #bdcda7; }
.contact-details a:hover { color: var(--gold); }
.mobile-cart { background: #1c2c1d; color: #f1f1e5; border-color: #65774e; box-shadow: 0 -5px 30px #0006; }
.mobile-cart>button { background: var(--gold); color: #10190e; }
dialog { background: #17221a; color: #eff2e9; box-shadow: 0 30px 120px #0008; }
dialog::backdrop { background: #050d08dd; }
.dialog-header { background: #17221a; border-color: #3a4b35; }
.close-button { border-color: #657651; }
.close-button:hover { background: #2b3b25; }
.cart-item { border-color: #344630; }
.cart-item-name { color: #edf1e4; }
.fulfillment-choices>label { background: #101a13; border-color: #617452; }
.fulfillment-choices>label:has(input:checked) { background: #2c3c25; border-color: var(--gold); box-shadow: inset 0 0 0 1px var(--gold); }
input[type=radio] { accent-color: var(--gold); }
.form-field input, .form-field textarea, .form-field select { background: #0e1911; color: #edf1e4; border-color: #657b58; }
.form-field input::placeholder, .form-field textarea::placeholder { color: #a9b69f; opacity: 1; }
.form-field input:autofill { -webkit-text-fill-color: #edf1e4; box-shadow: 0 0 0 1000px #243321 inset; caret-color: #edf1e4; }
.form-field [aria-invalid=true] { border-color: #ffb39c; }
#delivery-status { color: #ead29c; }
#order-error { color: #ffb39c; }
#message-preview { background: #101c13; border-color: #617550; color: #e5eddc; }
