/* Dog Walker theme palettes. Edit this file directly; keep the same variables in every theme. */
:root {
  --background-color: #000411;
  --color: #E1EFE6;
  --padding: 0.5em;
  --border-color: #160C28;
  --border-width: 1px;
  --border-radius: 0.05em;
  --font: sans-serif;
  --font-size: 16px;
  --success-color: green;
  --error-color: #df1b41;
  --link-color: #2323a3;
  --navbar-background-color: #000411;
  --navbar-color: #E8B321;
  --navbar-border-color: #E8B321;
  --navbar-border-radius: 1px;
  --navbar-border-width: 1px;
  --navbar-padding: 0.5em;
  --navbar-link-color: #1b1b74;
  --dropdown-background-color: #000411;
  --dropdown-link-color: #086127;
  --dropdown-border-color: #0c0e28;
  --dropdown-border-radius: 1px;
  --dropdown-border-width: 1px;
  --dropdown-divider-color: #0c0e28;
  --dropdown-divider-width: 1px;
  --dropdown-padding: 0.8em;
  --overview-background-color: #20113b;
  --overview-border-color: #0c0e28;
  --overview-border-radius: 0.5em;
  --overview-border-width: 1px;
  --overview-padding: 0.5em;
  --overview-label-color: #E1EFE6;
  --overview-label-font-size: 1em;
  --overview-total-color: #EFCB68;
  --overview-total-font-size: 1em;
  --overview-quantity-color: #AEB7B3;
  --overview-quantity-font-size: 1em;
  --menu-item-background-color: #160C28;
  --menu-item-border-color: #160C28;
  --menu-item-border-radius: 4px;
  --menu-item-border-width: 1px;
  --menu-item-padding: 0.5em;
  --menu-item-name-color: #E1EFE6;
  --menu-item-name-font-size: 1.2em;
  --menu-item-price-color: #EFCB68;
  --menu-item-price-font-size: 1em;
  --menu-item-total-color: #EFCB68;
  --menu-item-total-font-size: 1em;
  --menu-item-quantity-color: #AEB7B3;
  --menu-item-quantity-font-size: 1em;
  --menu-item-description-color: #AEB7B3;
  --menu-item-description-font-size: 1em;
  --menu-item-sold-out-font-size: 1em;
  --menu-item-sold-out-color: #EFCB68;
  --section-item-background-color: #0c1428;
  --section-item-border-color: #160C28;
  --section-item-border-radius: 4px;
  --section-item-border-width: 1px;
  --section-item-padding: 0.5em;
  --section-item-section-color: #E1EFE6;
  --section-item-section-font-size: 1.2em;
  --section-item-description-color: #AEB7B3;
  --section-item-description-font-size: 1em;
  --menu-addon-background-color: #160C28;
  --menu-addon-border-color: #160C28;
  --menu-addon-border-radius: 4px;
  --menu-addon-border-width: 1px;
  --menu-addon-price-color: #EFCB68;
  --menu-addon-price-font-size: 1em;
  --menu-addon-quantity-color: #AEB7B3;
  --menu-addon-quantity-font-size: 1em;
  --menu-addon-sold-out-font-size: 1em;
  --menu-addon-sold-out-color: #EFCB68;
  --order-item-background-color: #0c1428;
  --order-item-border-color: #160C28;
  --order-item-border-radius: 4px;
  --order-item-border-width: 1px;
  --order-item-padding: 0.5em;
  --order-item-name-color: #E1EFE6;
  --order-item-name-font-size: 1.2em;
  --order-item-total-color: #EFCB68;
  --order-item-total-font-size: 1em;
  --order-item-quantity-color: #AEB7B3;
  --order-item-quantity-font-size: 1em;
  --order-item-description-color: #AEB7B3;
  --order-item-description-font-size: 1em;
  --order-addon-background-color: #0c1428;
  --order-addon-border-color: #160C28;
  --order-addon-border-radius: 4px;
  --order-addon-border-width: 1px;
  --order-addon-padding: 0.5em;
  --order-addon-price-color: #EFCB68;
  --order-addon-price-font-size: 1em;
  --order-addon-quantity-color: #AEB7B3;
  --order-addon-quantity-font-size: 1em;
  --order-addon-sold-out-font-size: 1em;
  --order-addon-sold-out-color: #EFCB68;
  --checkout-item-background-color: #0c1428;
  --checkout-item-border-color: #160C28;
  --checkout-item-border-radius: 4px;
  --checkout-item-border-width: 1px;
  --checkout-item-padding: 0.1em;
  --checkout-item-price-color: #EFCB68;
  --checkout-item-price-font-size: 1em;
  --checkout-item-quantity-color: #AEB7B3;
  --checkout-item-quantity-font-size: 1em;
  --checkout-error-color: #df1b41;
  --checkout-error-font-size: 14.88px;
  --checkbox-background-color: #E8B321;
  --checkbox-background-color-hover: #ba9120;
  --checkbox-color: #000411;
  --checkbox-color-hover: #000411;
  --checkbox-border-color: #160C28;
  --checkbox-border-color-hover: #160C28;
  --checkbox-border-radius: 40px;
  --checkbox-border-width: 1px;
  --checkbox-checked-background-color: #2b29a8;
  --checkbox-checked-background-color-hover: #222082;
  --checkbox-checked-color: #AEB7B3;
  --checkbox-checked-color-hover: #AEB7B3;
  --checkbox-checked-border-color: #0f0e46;
  --checkbox-checked-border-color-hover: #0f0e46;
  --checkbox-font-size: 1em;
  --order-status-title-color: #E1EFE6;
  --order-status-title-font-size: 1em;
  --order-status-message-color: #E1EFE6;
  --order-status-message-font-size: 1em;
  --order-status-event-color: #E8B321;
  --order-status-event-font-size: 0.6em;
  --shop-info-color: #E1EFE6;
  --shop-status-color: #ff0000;
  --shop-status-font-size: 1.5em;
  --shop-times-color: #EFCB68;
  --shop-day-color: #ba9120;
  --order-button-background-color: #E8B321;
  --order-button-background-color-hover: #ba9120;
  --order-button-color: #000411;
  --order-button-color-hover: #000411;
  --order-button-border-color: #160C28;
  --order-button-border-color-hover: #160C28;
  --order-button-border-radius: 4px;
  --order-button-border-width: 1px;
  --order-button-padding: 0.5em;
  --order-button-font-size: 1em;
  --checkout-button-background-color: #E8B321;
  --checkout-button-background-color-hover: #ba9120;
  --checkout-button-color: #000411;
  --checkout-button-color-hover: #000411;
  --checkout-button-border-color: #160C28;
  --checkout-button-border-color-hover: #160C28;
  --checkout-button-border-radius: 4px;
  --checkout-button-border-width: 1px;
  --checkout-button-padding: 0.5em;
  --checkout-button-font-size: 1em;
  --submit-button-background-color: #E8B321;
  --submit-button-background-color-hover: #ba9120;
  --submit-button-color: #000411;
  --submit-button-color-hover: #000411;
  --submit-button-border-color: #160C28;
  --submit-button-border-color-hover: #160C28;
  --submit-button-border-radius: 4px;
  --submit-button-border-width: 1px;
  --submit-button-padding: 0.5em;
  --submit-button-font-size: 1em;
  --button-background-color: #E8B321;
  --button-background-color-hover: #ba9120;
  --button-color: #000411;
  --button-color-hover: #000411;
  --button-border-color: #160C28;
  --button-border-color-hover: #160C28;
  --button-border-radius: 4px;
  --button-border-width: 1px;
  --button-padding: 0.5em;
  --button-font-size: 1em;
  --input-background-color: #ffffff;
  --input-label-color: #AEB7B3;
  --input-label-font-size: 1.1em;
  --input-color: #2a2b37;
  --input-border-color: #4E598C;
  --input-font-size: 1em;
}

[data-theme='light'] {
  --background-color: #F7F9FC;
  --color: #1F2933;
  --padding: 0.5em;
  --border-color: #D9E2EC;
  --border-width: 1px;
  --border-radius: 0.05em;
  --font: sans-serif;
  --font-size: 16px;
  --success-color: #2F9E44;
  --error-color: #D64545;
  --link-color: #4B5563;
  --navbar-background-color: #FFFFFF;
  --navbar-color: #A78B5B;
  --navbar-border-color: #E6EAF0;
  --navbar-border-radius: 1px;
  --navbar-border-width: 1px;
  --navbar-padding: 0.5em;
  --navbar-link-color: #4B5563;
  --dropdown-background-color: #FFFFFF;
  --dropdown-link-color: #25603B;
  --dropdown-border-color: #E6EAF0;
  --dropdown-border-radius: 1px;
  --dropdown-border-width: 1px;
  --dropdown-divider-color: #EEF2F7;
  --dropdown-divider-width: 1px;
  --dropdown-padding: 0.8em;
  --overview-background-color: #FFFFFF;
  --overview-border-color: #E6EAF0;
  --overview-border-radius: 0.5em;
  --overview-border-width: 1px;
  --overview-padding: 0.5em;
  --overview-label-color: #1F2933;
  --overview-label-font-size: 1em;
  --overview-total-color: #A78B5B;
  --overview-total-font-size: 1em;
  --overview-quantity-color: #6B7280;
  --overview-quantity-font-size: 1em;
  --menu-item-background-color: #FEFEFE;
  --menu-item-border-color: #E0E7FF;
  --menu-item-border-radius: 4px;
  --menu-item-border-width: 1px;
  --menu-item-padding: 0.5em;
  --menu-item-name-color: #111827;
  --menu-item-name-font-size: 1.2em;
  --menu-item-price-color: #A78B5B;
  --menu-item-price-font-size: 1em;
  --menu-item-total-color: #A78B5B;
  --menu-item-total-font-size: 1em;
  --menu-item-quantity-color: #4B5563;
  --menu-item-quantity-font-size: 1em;
  --menu-item-description-color: #6B7280;
  --menu-item-description-font-size: 1em;
  --menu-item-sold-out-font-size: 1em;
  --menu-item-sold-out-color: #A78B5B;
  --section-item-background-color: #F3F4F6;
  --section-item-border-color: #E5E7EB;
  --section-item-border-radius: 4px;
  --section-item-border-width: 1px;
  --section-item-padding: 0.5em;
  --section-item-section-color: #111827;
  --section-item-section-font-size: 1.2em;
  --section-item-description-color: #6B7280;
  --section-item-description-font-size: 1em;
  --menu-addon-background-color: #FEFEFE;
  --menu-addon-border-color: #E0E7FF;
  --menu-addon-border-radius: 4px;
  --menu-addon-border-width: 1px;
  --menu-addon-price-color: #A78B5B;
  --menu-addon-price-font-size: 1em;
  --menu-addon-quantity-color: #4B5563;
  --menu-addon-quantity-font-size: 1em;
  --menu-addon-sold-out-font-size: 1em;
  --menu-addon-sold-out-color: #A78B5B;
  --order-item-background-color: #FDFDF5;
  --order-item-border-color: #E6E6FA;
  --order-item-border-radius: 4px;
  --order-item-border-width: 1px;
  --order-item-padding: 0.5em;
  --order-item-name-color: #111827;
  --order-item-name-font-size: 1.2em;
  --order-item-total-color: #A78B5B;
  --order-item-total-font-size: 1em;
  --order-item-quantity-color: #4B5563;
  --order-item-quantity-font-size: 1em;
  --order-item-description-color: #6B7280;
  --order-item-description-font-size: 1em;
  --order-addon-background-color: #FDFDF5;
  --order-addon-border-color: #E6E6FA;
  --order-addon-border-radius: 4px;
  --order-addon-border-width: 1px;
  --order-addon-padding: 0.5em;
  --order-addon-price-color: #A78B5B;
  --order-addon-price-font-size: 1em;
  --order-addon-quantity-color: #4B5563;
  --order-addon-quantity-font-size: 1em;
  --order-addon-sold-out-font-size: 1em;
  --order-addon-sold-out-color: #A78B5B;
  --checkout-item-background-color: #FFFEF8;
  --checkout-item-border-color: #E6E6FA;
  --checkout-item-border-radius: 4px;
  --checkout-item-border-width: 1px;
  --checkout-item-padding: 0.1em;
  --checkout-item-price-color: #A78B5B;
  --checkout-item-price-font-size: 1em;
  --checkout-item-quantity-color: #4B5563;
  --checkout-item-quantity-font-size: 1em;
  --checkout-error-color: #D64545;
  --checkout-error-font-size: 14.88px;
  --checkbox-background-color: #D6A934;
  --checkbox-background-color-hover: #B7945A;
  --checkbox-color: #FFFFFF;
  --checkbox-color-hover: #FFFFFF;
  --checkbox-border-color: #D9E2EC;
  --checkbox-border-color-hover: #C7D0DA;
  --checkbox-border-radius: 40px;
  --checkbox-border-width: 1px;
  --checkbox-checked-background-color: #4B5563;
  --checkbox-checked-background-color-hover: #374151;
  --checkbox-checked-color: #FFFFFF;
  --checkbox-checked-color-hover: #FFFFFF;
  --checkbox-checked-border-color: #1F2933;
  --checkbox-checked-border-color-hover: #1F2933;
  --checkbox-font-size: 1em;
  --order-status-title-color: #111827;
  --order-status-title-font-size: 1em;
  --order-status-message-color: #374151;
  --order-status-message-font-size: 1em;
  --order-status-event-color: #A78B5B;
  --order-status-event-font-size: 0.6em;
  --shop-info-color: #1F2933;
  --shop-status-color: #D64545;
  --shop-status-font-size: 1.5em;
  --shop-times-color: #A78B5B;
  --shop-day-color: #B7791F;
  --order-button-background-color: #D6A934;
  --order-button-background-color-hover: #B7945A;
  --order-button-color: #111827;
  --order-button-color-hover: #111827;
  --order-button-border-color: #D9E2EC;
  --order-button-border-color-hover: #C7D0DA;
  --order-button-border-radius: 4px;
  --order-button-border-width: 1px;
  --order-button-padding: 0.5em;
  --order-button-font-size: 1em;
  --checkout-button-background-color: #D6A934;
  --checkout-button-background-color-hover: #B7945A;
  --checkout-button-color: #111827;
  --checkout-button-color-hover: #111827;
  --checkout-button-border-color: #D9E2EC;
  --checkout-button-border-color-hover: #C7D0DA;
  --checkout-button-border-radius: 4px;
  --checkout-button-border-width: 1px;
  --checkout-button-padding: 0.5em;
  --checkout-button-font-size: 1em;
  --submit-button-background-color: #D6A934;
  --submit-button-background-color-hover: #B7945A;
  --submit-button-color: #111827;
  --submit-button-color-hover: #111827;
  --submit-button-border-color: #D9E2EC;
  --submit-button-border-color-hover: #C7D0DA;
  --submit-button-border-radius: 4px;
  --submit-button-border-width: 1px;
  --submit-button-padding: 0.5em;
  --submit-button-font-size: 1em;
  --button-background-color: #D6A934;
  --button-background-color-hover: #B7945A;
  --button-color: #111827;
  --button-color-hover: #111827;
  --button-border-color: #D9E2EC;
  --button-border-color-hover: #C7D0DA;
  --button-border-radius: 4px;
  --button-border-width: 1px;
  --button-padding: 0.5em;
  --button-font-size: 1em;
  --input-background-color: #FFFFFF;
  --input-label-color: #6B7280;
  --input-label-font-size: 1.1em;
  --input-color: #111827;
  --input-border-color: #CBD5E1;
  --input-font-size: 1em;
}

[data-theme='cream'] {
  --background-color: #FFF8EF;
  --color: #352A23;
  --padding: 0.5em;
  --border-color: #DCC5AC;
  --border-width: 1px;
  --border-radius: 0.05em;
  --font: sans-serif;
  --font-size: 16px;
  --success-color: #27613C;
  --error-color: #B42332;
  --link-color: #9A4328;
  --navbar-background-color: #FFFDFA;
  --navbar-color: #9A4328;
  --navbar-border-color: #DCC5AC;
  --navbar-border-radius: 1px;
  --navbar-border-width: 1px;
  --navbar-padding: 0.5em;
  --navbar-link-color: #9A4328;
  --dropdown-background-color: #FFFDFA;
  --dropdown-link-color: #9A4328;
  --dropdown-border-color: #DCC5AC;
  --dropdown-border-radius: 1px;
  --dropdown-border-width: 1px;
  --dropdown-divider-color: #DCC5AC;
  --dropdown-divider-width: 1px;
  --dropdown-padding: 0.8em;
  --overview-background-color: #FFFDFA;
  --overview-border-color: #DCC5AC;
  --overview-border-radius: 0.5em;
  --overview-border-width: 1px;
  --overview-padding: 0.5em;
  --overview-label-color: #706052;
  --overview-label-font-size: 1em;
  --overview-total-color: #9A4328;
  --overview-total-font-size: 1em;
  --overview-quantity-color: #706052;
  --overview-quantity-font-size: 1em;
  --menu-item-background-color: #FFFDFA;
  --menu-item-border-color: #DCC5AC;
  --menu-item-border-radius: 4px;
  --menu-item-border-width: 1px;
  --menu-item-padding: 0.5em;
  --menu-item-name-color: #352A23;
  --menu-item-name-font-size: 1.2em;
  --menu-item-price-color: #9A4328;
  --menu-item-price-font-size: 1em;
  --menu-item-total-color: #9A4328;
  --menu-item-total-font-size: 1em;
  --menu-item-quantity-color: #706052;
  --menu-item-quantity-font-size: 1em;
  --menu-item-description-color: #706052;
  --menu-item-description-font-size: 1em;
  --menu-item-sold-out-font-size: 1em;
  --menu-item-sold-out-color: #9A4328;
  --section-item-background-color: #F6E8D7;
  --section-item-border-color: #DCC5AC;
  --section-item-border-radius: 4px;
  --section-item-border-width: 1px;
  --section-item-padding: 0.5em;
  --section-item-section-color: #352A23;
  --section-item-section-font-size: 1.2em;
  --section-item-description-color: #706052;
  --section-item-description-font-size: 1em;
  --menu-addon-background-color: #FFFDFA;
  --menu-addon-border-color: #DCC5AC;
  --menu-addon-border-radius: 4px;
  --menu-addon-border-width: 1px;
  --menu-addon-price-color: #9A4328;
  --menu-addon-price-font-size: 1em;
  --menu-addon-quantity-color: #706052;
  --menu-addon-quantity-font-size: 1em;
  --menu-addon-sold-out-font-size: 1em;
  --menu-addon-sold-out-color: #9A4328;
  --order-item-background-color: #FFFDFA;
  --order-item-border-color: #DCC5AC;
  --order-item-border-radius: 4px;
  --order-item-border-width: 1px;
  --order-item-padding: 0.5em;
  --order-item-name-color: #352A23;
  --order-item-name-font-size: 1.2em;
  --order-item-total-color: #9A4328;
  --order-item-total-font-size: 1em;
  --order-item-quantity-color: #706052;
  --order-item-quantity-font-size: 1em;
  --order-item-description-color: #706052;
  --order-item-description-font-size: 1em;
  --order-addon-background-color: #FFFDFA;
  --order-addon-border-color: #DCC5AC;
  --order-addon-border-radius: 4px;
  --order-addon-border-width: 1px;
  --order-addon-padding: 0.5em;
  --order-addon-price-color: #9A4328;
  --order-addon-price-font-size: 1em;
  --order-addon-quantity-color: #706052;
  --order-addon-quantity-font-size: 1em;
  --order-addon-sold-out-font-size: 1em;
  --order-addon-sold-out-color: #9A4328;
  --checkout-item-background-color: #FFFDFA;
  --checkout-item-border-color: #DCC5AC;
  --checkout-item-border-radius: 4px;
  --checkout-item-border-width: 1px;
  --checkout-item-padding: 0.1em;
  --checkout-item-price-color: #9A4328;
  --checkout-item-price-font-size: 1em;
  --checkout-item-quantity-color: #706052;
  --checkout-item-quantity-font-size: 1em;
  --checkout-error-color: #B42332;
  --checkout-error-font-size: 14.88px;
  --checkbox-background-color: #9A4328;
  --checkbox-background-color-hover: #78331F;
  --checkbox-color: #FFFFFF;
  --checkbox-color-hover: #FFFFFF;
  --checkbox-border-color: #DCC5AC;
  --checkbox-border-color-hover: #9A4328;
  --checkbox-border-radius: 40px;
  --checkbox-border-width: 1px;
  --checkbox-checked-background-color: #9A4328;
  --checkbox-checked-background-color-hover: #78331F;
  --checkbox-checked-color: #FFFFFF;
  --checkbox-checked-color-hover: #FFFFFF;
  --checkbox-checked-border-color: #DCC5AC;
  --checkbox-checked-border-color-hover: #9A4328;
  --checkbox-font-size: 1em;
  --order-status-title-color: #352A23;
  --order-status-title-font-size: 1em;
  --order-status-message-color: #352A23;
  --order-status-message-font-size: 1em;
  --order-status-event-color: #9A4328;
  --order-status-event-font-size: 0.6em;
  --shop-info-color: #352A23;
  --shop-status-color: #B42332;
  --shop-status-font-size: 1.5em;
  --shop-times-color: #9A4328;
  --shop-day-color: #9A4328;
  --order-button-background-color: #9A4328;
  --order-button-background-color-hover: #78331F;
  --order-button-color: #FFFFFF;
  --order-button-color-hover: #FFFFFF;
  --order-button-border-color: #DCC5AC;
  --order-button-border-color-hover: #9A4328;
  --order-button-border-radius: 4px;
  --order-button-border-width: 1px;
  --order-button-padding: 0.5em;
  --order-button-font-size: 1em;
  --checkout-button-background-color: #9A4328;
  --checkout-button-background-color-hover: #78331F;
  --checkout-button-color: #FFFFFF;
  --checkout-button-color-hover: #FFFFFF;
  --checkout-button-border-color: #DCC5AC;
  --checkout-button-border-color-hover: #9A4328;
  --checkout-button-border-radius: 4px;
  --checkout-button-border-width: 1px;
  --checkout-button-padding: 0.5em;
  --checkout-button-font-size: 1em;
  --submit-button-background-color: #9A4328;
  --submit-button-background-color-hover: #78331F;
  --submit-button-color: #FFFFFF;
  --submit-button-color-hover: #FFFFFF;
  --submit-button-border-color: #DCC5AC;
  --submit-button-border-color-hover: #9A4328;
  --submit-button-border-radius: 4px;
  --submit-button-border-width: 1px;
  --submit-button-padding: 0.5em;
  --submit-button-font-size: 1em;
  --button-background-color: #9A4328;
  --button-background-color-hover: #78331F;
  --button-color: #FFFFFF;
  --button-color-hover: #FFFFFF;
  --button-border-color: #DCC5AC;
  --button-border-color-hover: #9A4328;
  --button-border-radius: 4px;
  --button-border-width: 1px;
  --button-padding: 0.5em;
  --button-font-size: 1em;
  --input-background-color: #FFFDFA;
  --input-label-color: #706052;
  --input-label-font-size: 1.1em;
  --input-color: #352A23;
  --input-border-color: #DCC5AC;
  --input-font-size: 1em;
}

[data-theme='mint'] {
  --background-color: #F0FAF6;
  --color: #163C34;
  --padding: 0.5em;
  --border-color: #B5D5C6;
  --border-width: 1px;
  --border-radius: 0.05em;
  --font: sans-serif;
  --font-size: 16px;
  --success-color: #25633D;
  --error-color: #AE263C;
  --link-color: #176B58;
  --navbar-background-color: #FCFFFD;
  --navbar-color: #176B58;
  --navbar-border-color: #B5D5C6;
  --navbar-border-radius: 1px;
  --navbar-border-width: 1px;
  --navbar-padding: 0.5em;
  --navbar-link-color: #176B58;
  --dropdown-background-color: #FCFFFD;
  --dropdown-link-color: #176B58;
  --dropdown-border-color: #B5D5C6;
  --dropdown-border-radius: 1px;
  --dropdown-border-width: 1px;
  --dropdown-divider-color: #B5D5C6;
  --dropdown-divider-width: 1px;
  --dropdown-padding: 0.8em;
  --overview-background-color: #FCFFFD;
  --overview-border-color: #B5D5C6;
  --overview-border-radius: 0.5em;
  --overview-border-width: 1px;
  --overview-padding: 0.5em;
  --overview-label-color: #4A6A60;
  --overview-label-font-size: 1em;
  --overview-total-color: #176B58;
  --overview-total-font-size: 1em;
  --overview-quantity-color: #4A6A60;
  --overview-quantity-font-size: 1em;
  --menu-item-background-color: #FCFFFD;
  --menu-item-border-color: #B5D5C6;
  --menu-item-border-radius: 4px;
  --menu-item-border-width: 1px;
  --menu-item-padding: 0.5em;
  --menu-item-name-color: #163C34;
  --menu-item-name-font-size: 1.2em;
  --menu-item-price-color: #176B58;
  --menu-item-price-font-size: 1em;
  --menu-item-total-color: #176B58;
  --menu-item-total-font-size: 1em;
  --menu-item-quantity-color: #4A6A60;
  --menu-item-quantity-font-size: 1em;
  --menu-item-description-color: #4A6A60;
  --menu-item-description-font-size: 1em;
  --menu-item-sold-out-font-size: 1em;
  --menu-item-sold-out-color: #176B58;
  --section-item-background-color: #DFF1E8;
  --section-item-border-color: #B5D5C6;
  --section-item-border-radius: 4px;
  --section-item-border-width: 1px;
  --section-item-padding: 0.5em;
  --section-item-section-color: #163C34;
  --section-item-section-font-size: 1.2em;
  --section-item-description-color: #4A6A60;
  --section-item-description-font-size: 1em;
  --menu-addon-background-color: #FCFFFD;
  --menu-addon-border-color: #B5D5C6;
  --menu-addon-border-radius: 4px;
  --menu-addon-border-width: 1px;
  --menu-addon-price-color: #176B58;
  --menu-addon-price-font-size: 1em;
  --menu-addon-quantity-color: #4A6A60;
  --menu-addon-quantity-font-size: 1em;
  --menu-addon-sold-out-font-size: 1em;
  --menu-addon-sold-out-color: #176B58;
  --order-item-background-color: #FCFFFD;
  --order-item-border-color: #B5D5C6;
  --order-item-border-radius: 4px;
  --order-item-border-width: 1px;
  --order-item-padding: 0.5em;
  --order-item-name-color: #163C34;
  --order-item-name-font-size: 1.2em;
  --order-item-total-color: #176B58;
  --order-item-total-font-size: 1em;
  --order-item-quantity-color: #4A6A60;
  --order-item-quantity-font-size: 1em;
  --order-item-description-color: #4A6A60;
  --order-item-description-font-size: 1em;
  --order-addon-background-color: #FCFFFD;
  --order-addon-border-color: #B5D5C6;
  --order-addon-border-radius: 4px;
  --order-addon-border-width: 1px;
  --order-addon-padding: 0.5em;
  --order-addon-price-color: #176B58;
  --order-addon-price-font-size: 1em;
  --order-addon-quantity-color: #4A6A60;
  --order-addon-quantity-font-size: 1em;
  --order-addon-sold-out-font-size: 1em;
  --order-addon-sold-out-color: #176B58;
  --checkout-item-background-color: #FCFFFD;
  --checkout-item-border-color: #B5D5C6;
  --checkout-item-border-radius: 4px;
  --checkout-item-border-width: 1px;
  --checkout-item-padding: 0.1em;
  --checkout-item-price-color: #176B58;
  --checkout-item-price-font-size: 1em;
  --checkout-item-quantity-color: #4A6A60;
  --checkout-item-quantity-font-size: 1em;
  --checkout-error-color: #AE263C;
  --checkout-error-font-size: 14.88px;
  --checkbox-background-color: #176B58;
  --checkbox-background-color-hover: #105241;
  --checkbox-color: #FFFFFF;
  --checkbox-color-hover: #FFFFFF;
  --checkbox-border-color: #B5D5C6;
  --checkbox-border-color-hover: #176B58;
  --checkbox-border-radius: 40px;
  --checkbox-border-width: 1px;
  --checkbox-checked-background-color: #176B58;
  --checkbox-checked-background-color-hover: #105241;
  --checkbox-checked-color: #FFFFFF;
  --checkbox-checked-color-hover: #FFFFFF;
  --checkbox-checked-border-color: #B5D5C6;
  --checkbox-checked-border-color-hover: #176B58;
  --checkbox-font-size: 1em;
  --order-status-title-color: #163C34;
  --order-status-title-font-size: 1em;
  --order-status-message-color: #163C34;
  --order-status-message-font-size: 1em;
  --order-status-event-color: #176B58;
  --order-status-event-font-size: 0.6em;
  --shop-info-color: #163C34;
  --shop-status-color: #AE263C;
  --shop-status-font-size: 1.5em;
  --shop-times-color: #176B58;
  --shop-day-color: #176B58;
  --order-button-background-color: #176B58;
  --order-button-background-color-hover: #105241;
  --order-button-color: #FFFFFF;
  --order-button-color-hover: #FFFFFF;
  --order-button-border-color: #B5D5C6;
  --order-button-border-color-hover: #176B58;
  --order-button-border-radius: 4px;
  --order-button-border-width: 1px;
  --order-button-padding: 0.5em;
  --order-button-font-size: 1em;
  --checkout-button-background-color: #176B58;
  --checkout-button-background-color-hover: #105241;
  --checkout-button-color: #FFFFFF;
  --checkout-button-color-hover: #FFFFFF;
  --checkout-button-border-color: #B5D5C6;
  --checkout-button-border-color-hover: #176B58;
  --checkout-button-border-radius: 4px;
  --checkout-button-border-width: 1px;
  --checkout-button-padding: 0.5em;
  --checkout-button-font-size: 1em;
  --submit-button-background-color: #176B58;
  --submit-button-background-color-hover: #105241;
  --submit-button-color: #FFFFFF;
  --submit-button-color-hover: #FFFFFF;
  --submit-button-border-color: #B5D5C6;
  --submit-button-border-color-hover: #176B58;
  --submit-button-border-radius: 4px;
  --submit-button-border-width: 1px;
  --submit-button-padding: 0.5em;
  --submit-button-font-size: 1em;
  --button-background-color: #176B58;
  --button-background-color-hover: #105241;
  --button-color: #FFFFFF;
  --button-color-hover: #FFFFFF;
  --button-border-color: #B5D5C6;
  --button-border-color-hover: #176B58;
  --button-border-radius: 4px;
  --button-border-width: 1px;
  --button-padding: 0.5em;
  --button-font-size: 1em;
  --input-background-color: #FCFFFD;
  --input-label-color: #4A6A60;
  --input-label-font-size: 1.1em;
  --input-color: #163C34;
  --input-border-color: #B5D5C6;
  --input-font-size: 1em;
}
/* Global */
body {
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  font: var(--font-size) var(--font);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: 'kern' 1;
  -moz-font-feature-settings: 'kern' 1;
  -o-font-feature-settings: 'kern' 1;
  font-feature-settings: 'kern' 1;
  font-kerning: normal;
  box-sizing: border-box;
  color: var(--color);
  background-color: var(--background-color);
}

body,
h2,
p,
ul {
  margin: 0;
  padding: 0;
}

h2,
p,
ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  -webkit-user-drag: none;
  margin: 0 auto;
  text-align: center;
}

ul li {
  display: list-item;
  text-align: -webkit-match-parent;
}

ul {
  margin-top: 0;
  margin-left: 30px;
}

li {
  padding-bottom: 1px;
  padding-top: 1px;
}

h2 {
  font-weight: 700;
  color: var(--color);
  opacity: 0.7;
}

a {
  text-decoration: none;
  color: var(--link-color);
  opacity: 1;
}

a:hover {
  opacity: 0.7;
}

.wrapper {
  max-width: calc(980px - (60px * 2));
  max-width: -webkit-calc(980px - (60px * 2));
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}

.navbar:after,
.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* Navbar */
.navbar {
  background-color: var(--navbar-background-color);
  border-radius: var(--navbar-border-radius);
  height: auto;
  max-width: calc(980px - (30px * 2));
  max-width: -webkit-calc(980px - (30px * 2));
  position: relative;
  margin-right: auto;
  margin-left: auto;

  border-bottom: var(--navbar-border-width) solid var(--navbar-border-color);
  padding: 0.5rem 0.3rem;
}

.navbar .dropdown {
  background-color: var(--navbar-background-color);
  border-color: var(--navbar-border-color);
}

.navbar .dropdown .dropdown-link {
  color: var(--navbar-color);
  opacity: 0.7;
}

.navbar .dropdown .dropdown-link:hover {
  opacity: 1;
}

/* Drop down */
.dropdown {
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  position: relative;
  display: inline-block;
  margin-right: 30px;
}

.dropdown .dropdown-link {
  line-height: 2.25;
  text-decoration: none;
  opacity: 0.7;
  letter-spacing: 0.015rem;
}

a.dropdown-link {
  margin-right: 30px;
}

/* Page */
main.page-content h2 {
  text-align: center;
}

/* Forms */
.highlight pre {
  font-size: smaller;
  border-radius: 0.5em;
  border: 1px solid var(--border-color);
  box-shadow: none;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em;
}

.app-form {
  display: flex;
  justify-content: center;
  width: 100%;
}

.app-form .app-actions {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: right;
}

.app-form .app-actions a {
  margin-left: 1.5em;
  display: inline-block;
}

.app-form .app-form-inner {
  display: inline-block;
  width: 490px;
}

.app-form button {
  background-color: var(--button-background-color);
  color: var(--button-color);
  padding: var(--button-padding);
  font-size: var(--button-font-size);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: var(--button-border-radius);
}

.app-form button:hover {
  background-color: var(--button-background-color-hover);
  color: var(--button-color-hover);
  border: var(--button-border-width) solid var(--button-border-color-hover);
}

.app-form input {
  background-color: var(--input-background-color);
  color: var(--input-color);
  font-size: var(--input-font-size);
  border-color: var(--input-border-color);
}

@media screen and (max-width: 480px) {
  .wrapper {
    padding: 0.5em;
  }

  .dropdown {
    margin: 0;
  }

  a.menu-link {
    margin-right: 10px;
  }

  a.dropdown-link {
    margin-right: 0;
  }
}

* {
  box-sizing: border-box;
}
:focus-visible {
  outline: 2px solid var(--navbar-color);
  outline-offset: 3px;
}
.navigation-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 0 1em;
}
.navigation-bar a {
  color: var(--navbar-color);
}
.app-form {
  margin-top: 1em;
}
.app-form .app-form-inner {
  max-width: 100%;
}
.app-form .app-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  float: none;
}
.app-form .app-actions a {
  margin-left: 0.5em;
}

/* Native controls used by server-rendered forms. MUI controls keep their own layout. */
.server-page h1 {
  font-size: 1.5em;
  text-align: center;
  color: var(--color);
  opacity: 0.7;
}
.server-page .app-form label {
  display: block;
  color: var(--input-label-color);
  margin-bottom: 0.5em;
}
.server-page .app-form input:not([type='hidden']),
.server-page .app-form textarea,
.server-page .app-form select {
  display: block;
  width: 100%;
  min-width: 0;
  margin-bottom: 1em;
  padding: 0.6em 0.8em;
  font: inherit;
  color: var(--input-color);
  background: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
}
.server-page .app-form textarea {
  min-height: 8em;
  resize: vertical;
}
.server-page button {
  font-family: inherit;
  cursor: pointer;
}
.server-page button:disabled {
  cursor: default;
  opacity: 0.5;
}
.server-page .error,
.server-page [role='alert'] {
  color: var(--error-color);
  overflow-wrap: anywhere;
}
.server-page [role='status'] {
  color: var(--success-color);
  overflow-wrap: anywhere;
}