/* 天然美活 EC 共通カラートークン／2026-10-28 */
:root {
  --tb-color-accent: #72AC3A;
  --tb-color-action: #B7E47E;
  --tb-color-emphasis: #247532;
  --tb-color-coral: #72AC3A;
  --tb-color-coral-dark: #247532;
  --tb-color-coral-hover: #247532;
  --tb-color-coral-light: #FFFFFF;
  --tb-color-gold: #B49A60;
  --tb-color-ivory: #FFFCF7;
  --tb-color-white: #FFFFFF;
  --tb-color-ink: #222222;
  --tb-color-muted: #222222;
  --tb-color-line: #E6D7CA;
  --tb-color-input-border: #9C8274;
  --tb-color-offer-berry: #7D3752;
  --tb-color-offer-red: #D52B32;
  --tb-color-purchase-bg: #B7E47E;
  --tb-color-offer-orange: var(--tb-color-offer-red);
  --tb-color-fresh-surface: #F4FAEB;
  --tb-color-notice-gold: #F4E7C6;
  --tb-color-chart-blue: #2F8DC8;
  --tb-color-chart-pink: #D56D95;
  --tb-color-chart-bg: #FFFFFF;
  --tb-color-chart-track: #EBE6E2;
}
/* Dark leaf-green text and bright leaf-green actions share the same accent. */
body.tb-storefront {
  color: var(--tb-color-ink);
  background-color: var(--tb-color-white);
}
body.tb-storefront :is(.l-wrapper,.l-wrapper-none,main.tb-products-index,main.tb-cart-suntory,main.tb-order-flow,.tb-approved-product) {
  background-color: var(--tb-color-white);
}
body.tb-storefront :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),select,textarea) {
  background-color: var(--tb-color-white);
}
body.tb-storefront :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--tb-color-coral-dark) !important;
  outline-offset: 4px;
}
body.tb-storefront :is(input,select,textarea)::placeholder {
  color: var(--tb-color-muted); opacity: 1;
}
body.tb-storefront :is(.tb-product-price,.c-product_item__inner__price,.c-cart_item__action__price,.c-billing_list__total__price,.tb-cart-summary__total),
body.tb-storefront .tb-product-price * { color: var(--tb-color-ink) !important; }
/* Prices use bright red; purchase actions use bright green with black labels. */
body.tb-storefront .tb-product-selection-price.has-saving .tb-product-price,
body.tb-storefront .tb-product-selection-price.has-saving .tb-product-price * { color: var(--tb-color-offer-red) !important; }