/*
Theme Name:  MIRAI
Theme URI:   https://miraibrand.com
Description: Child theme of Storefront for MIRAI Japan — gadgets tech, JPY, WooPayments.
Author:      MIRAI
Version:     0.1.0
Template:    storefront
Text Domain: mirai
*/

/* === MIRAI brand tokens === */
:root {
  --mirai-red:    #D42B2B;
  --mirai-dark:   #111111;
  --mirai-bg:     #FFFFFF;
  --mirai-muted:  #6B6B6B;
  --mirai-border: #E5E5E5;
  --mirai-font-head: "Poppins", "Noto Sans JP", system-ui, sans-serif;
  --mirai-font-body: "Harmonia Sans", "Noto Sans JP", system-ui, sans-serif;
}

html, body { background: var(--mirai-bg); color: var(--mirai-dark); font-family: var(--mirai-font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--mirai-font-head); font-weight: 700; color: var(--mirai-dark); }

/* Buttons — flat, japanese minimalist */
.button, button.button, .woocommerce a.button, .woocommerce button.button, .wc-block-components-button {
  background: var(--mirai-dark) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.button:hover, button.button:hover, .woocommerce a.button:hover {
  background: var(--mirai-red) !important;
}

/* Price / accent */
.price, .woocommerce-Price-amount { color: var(--mirai-dark); font-weight: 700; }
.accent, .text-red { color: var(--mirai-red); }