@charset "utf-8";
/* ==========================================================================
   11/2026 mall theme for every storefront page: the home's navy & brass (public/css/header.css :root) mapped onto
   the shared tokens that theme.css / v2.css and the legacy-port pages already use (--ui-*, --v2-*), so sub pages,
   detail, cart, mypage and member pages follow the home without touching their markup. Loaded after header.css;
   page-area refinements live in public/css/pages/*.css.
   ========================================================================== */
:root {
  --ui-primary: #1f315c;
  --ui-primary-hover: #2c437a;
  --ui-primary-soft: #e8ecf5;
  --ui-ink: #121725;
  --ui-ink-2: #343b4c;
  --ui-muted: #5d6475;
  --ui-line: #e3e6ee;
  --ui-line-2: #eef0f5;
  --ui-bg-soft: #f3f5f9;
  --ui-r-sm: 10px;
  --ui-r-md: 14px;
  --ui-r-lg: 20px;
  --ui-ring: 0 0 0 3px rgba(31, 49, 92, .16);
  --v2-grad: linear-gradient(#1f315c, #1f315c); /* solid navy (kept as a gradient: some rules use it as background-image) */
  --v2-grad-soft: linear-gradient(135deg, #f3f5f9 0%, #eef1f7 100%);
  --v2-indigo: #2c437a;
  --v2-canvas: #f5f6f9;
  --v2-radius: 20px;
  --v2-shadow: 0 1px 2px rgba(16, 21, 33, .05), 0 8px 24px -16px rgba(16, 21, 33, .25);
  --v2-shadow-hover: 0 2px 4px rgba(16, 21, 33, .05), 0 20px 40px -20px rgba(16, 21, 33, .35);
  /* the home's sale red, for prices / discounts on every page */
  --mall-sale: #e8352b;
}