/*
Theme Name: WTE Cafe
Theme URI: https://example.com/wte-cafe
Author: WP THEMES
Author URI: https://example.com
Description: カフェ・喫茶店・ベーカリーの魅力を最大限に引き出す、温かみのあるデザインと集客機能（予約・メニュー・営業日カレンダー）を備えた特化型WordPressテーマ。
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-restaurant
Tags: cafe, coffee-shop, bakery, mobile-first, minimal
*/

/* ============================================================
   CSS 変数定義（カフェ向けアースカラー）
   ============================================================ */
:root {
    /* --- カラーパレット --- */
    --color-base:          #FDFBF7;   /* 温かみのあるオフホワイト */
    --color-base-alt:      #F5F0E6;   /* 少し濃いベージュ */
    --color-text:          #4A3F35;   /* 濃いブラウン（黒の代わりで柔らかく） */
    --color-text-light:    #7A6B5D;   /* 中間のブラウン */
    --color-text-lighter:  #A89F91;   /* 薄いブラウン */
    --color-border:        #E2D5C4;   /* 境界線も温かみを持たせる */
    --color-accent:        #8B5A2B;   /* コーヒーブラウンのアクセント */
    --color-white:         #FFFFFF;   /* 白 */

    /* --- タイポグラフィ --- */
    --font-sans:   'Noto Sans JP', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    --font-serif:  'Noto Serif JP', 'Hiragino Mincho Pro', 'Yu Mincho', serif;

    --font-size-xs:    0.6875rem;  /* 11px */
    --font-size-sm:    0.8125rem;  /* 13px */
    --font-size-base:  0.9375rem;  /* 15px */
    --font-size-md:    1.0625rem;  /* 17px */
    --font-size-lg:    1.25rem;    /* 20px */
    --font-size-xl:    1.5rem;     /* 24px */
    --font-size-2xl:   1.875rem;   /* 30px */
    --font-size-3xl:   2.25rem;    /* 36px */

    --line-height-tight:   1.4;
    --line-height-base:    1.8;      /* 少しゆったりさせて読みやすく */
    --line-height-relaxed: 2.0;

    --letter-spacing-wide: 0.08em;
    --letter-spacing-wider: 0.12em;

    /* --- スペーシング --- */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;

    /* --- コンテナ幅 --- */
    --container-max:     960px;
    --container-narrow:  680px;
    --container-padding: 1.25rem;

    /* --- 高さとレイアウト --- */
    --nav-height-mobile: 60px;
    --header-height:     60px;

    /* --- アニメーション --- */
    --transition-fast:   0.15s ease;
    --transition-base:   0.25s ease;
    --transition-slow:   0.4s ease;

    /* --- 角丸とボーダー（カフェらしい柔らかさ） --- */
    --radius-sm:  4px;  /* 2pxから4pxへ */
    --radius-md:  8px;  /* 4pxから8pxへ */
    --border-width: 1px;
}