/*
Theme Name: Storefront Child
Theme URI: https://aideloop.com
Description: Storefrontの子テーマ。The Living Blueprintデザインシステムを適用。WooCommerce完全対応。
Author: AideLoop
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

/* The Living Blueprint カラーパレット */
:root {
  --living-white: #FFFFFF;
  --living-black: #000000;
  --living-blue: #3B82F6;
  --living-green: #10B981;
  --living-gray: #F3F4F6;
  --living-gray-dark: #6B7280;
}

/* 全体の基本スタイル */
body {
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--living-black);
  background: var(--living-white);
}

/* 見出しスタイル */
h1, h2, h3, h4, h5, h6 {
  color: var(--living-black);
  font-weight: 700;
}

/* リンクスタイル */
a {
  color: var(--living-blue);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--living-black);
}

/* ボタンスタイル */
.wp-block-button__link,
.button,
button[type="submit"] {
  background: var(--living-blue);
  color: var(--living-white);
  border-radius: 8px;
  padding: 12px 32px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover {
  background: var(--living-black);
  transform: translateY(-2px);
}