/*
Theme Name: rooton-theme
Theme URI: https://www.ac-chiro.com/
Author: Rooton Chiropractic / Yoshihiko Sugiyama
Author URI: https://www.instagram.com/mrbodyhack/
 * Description: Rooton Chiropractic（杉山慶彦）オフィシャルWordPressテーマ。WHO基準カイロプラクティック・タイツ×テントの解剖力学モデルに基づく超軽量・モバイルファースト・高性能デザインテーマ。
 * Version: 1.9.144
 * License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rooton-theme
Tags: mobile-first, one-column, custom-menu, accessibility-ready
*/

/* ==========================================================================
   Rooton Design System Tokens (CSS Variables)
   ========================================================================== */
:root {
  /* Brand Color Palette */
  --rooton-bg-base: #FAF9F5;       /* オフホワイト・ウォームペール */
  --rooton-bg-surface: #FFFFFF;    /* カード・モーダル表面 */
  --rooton-bg-alt: #F1F3F0;        /* 代替セクション背景 */
  --rooton-bg-dark: #1A2332;       /* ダークセクション背景 */

  --rooton-color-primary: #1A2332;   /* ディープスレート / ナイトネイビー */
  --rooton-color-secondary: #5B7566; /* セージグリーン */
  --rooton-color-accent: #C5A059;    /* ウォームゴールド */
  --rooton-color-text: #2D312E;      /* 本文テキスト */
  --rooton-color-text-sub: #59616D;  /* サブテキスト */
  --rooton-color-text-muted: #8C95A3;/* 補足・注記テキスト */
  --rooton-color-white: #FFFFFF;     /* 白 */

  /* Typography Families */
  --rooton-font-serif: "Shippori Mincho", "Cormorant Garamond", "Noto Serif JP", serif;
  --rooton-font-sans: "Noto Sans JP", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --rooton-font-en: "Cormorant Garamond", "Outfit", serif;

  /* Spacing Scale (8px Grid) */
  --rooton-space-4: 4px;
  --rooton-space-8: 8px;
  --rooton-space-12: 12px;
  --rooton-space-16: 16px;
  --rooton-space-24: 24px;
  --rooton-space-32: 32px;
  --rooton-space-48: 48px;
  --rooton-space-64: 64px;
  --rooton-space-96: 96px;
  --rooton-space-128: 128px;

  /* UI Transitions & Shadows */
  --rooton-transition-base: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --rooton-shadow-card: 0 4px 20px rgba(26, 35, 50, 0.06);
  --rooton-shadow-hover: 0 8px 30px rgba(26, 35, 50, 0.12);
  --rooton-radius-card: 12px;
  --rooton-radius-btn: 6px;
  --rooton-radius-pill: 50px;

  /* Container Boundaries */
  --rooton-container-max: 1140px;
}