@charset "UTF-8";
/*
Theme Name: SH Corporate
Theme URI: https://sh-test-1.com/
Author: Kunihiro Shima
Author URI: https://hshima7010-png.github.io/portfolio/
Description: 都城ハードウェア株式会社 公式サイト用カスタムテーマ。Underscoresに頼らず、ITCSSベースの設計とデザイントークンで構築。カスタム投稿タイプ・ACF・カスタムタクソノミーを活用した運用しやすい管理画面設計。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sh-corporate
*/

/* ===========================================
   Design Tokens
   全サイト共通の設計変数
   =========================================== */

:root {
  /* === Color Palette === */
  /* ホームセンター系の信頼感ある配色 */
  --color-primary: #1a3d2f;        /* ディープグリーン（メイン） */
  --color-primary-light: #2d5d47;  /* ライトグリーン */
  --color-primary-dark: #0d2a1f;   /* ダークグリーン */

  --color-accent: #d97706;          /* ウッドオレンジ（アクセント） */
  --color-accent-light: #f59e0b;
  --color-accent-dark: #b45309;

  --color-bg: #fafaf7;              /* オフホワイト（背景） */
  --color-bg-alt: #f0ede5;          /* 薄ベージュ（セクション背景） */

  --color-text: #1a1a1a;            /* メインテキスト */
  --color-text-muted: #5a5a5a;      /* サブテキスト */
  --color-text-light: #888888;      /* 弱いテキスト */

  --color-border: #d4d0c8;          /* 境界線 */
  --color-border-light: #e8e5dd;

  --color-white: #ffffff;
  --color-success: #16a34a;
  --color-error: #dc2626;
  --color-warning: #f59e0b;

  /* === Typography === */
  --font-sans: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  --font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-display: 'Teko', 'Noto Sans JP', sans-serif;
  --font-mono: 'SF Mono', Monaco, Consolas, monospace;

  /* === Spacing (8px grid) === */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  /* === Layout === */
  --max-width: 1280px;
  --max-width-narrow: 880px;
  --max-width-wide: 1440px;
  --padding-section: clamp(48px, 8vw, 128px) 0;

  /* === Border Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* === Shadows === */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.16);

  /* === Transitions === */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* === Z-Index === */
  --z-dropdown: 50;
  --z-header: 100;
  --z-modal: 500;
  --z-toast: 1000;

  /* === Header Height === */
  --header-height: 72px;
  --header-height-mobile: 60px;
}

/* ===========================================
   Dark Mode (将来拡張用)
   =========================================== */

[data-theme="dark"] {
  --color-bg: #1a1a1a;
  --color-bg-alt: #242424;
  --color-text: #f0f0f0;
  --color-text-muted: #a0a0a0;
  --color-border: #3a3a3a;
}

/* ===========================================
   Print Styles
   =========================================== */

@media print {
  .site-header,
  .site-footer,
  .menu-toggle {
    display: none !important;
  }

  body {
    background: white !important;
    color: black !important;
  }
}