/*
Theme Name: Teafolio
Theme URI: https://teafolio.example.com
Author: Teafolio
Description: 全国の季節限定アフタヌーンティーを集めるコレクション型検索サイト「Teafolio」のカスタムテーマ。Collect the Seasons.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: teafolio
*/

/* ==========================================================================
   Design Tokens
   ベースカラー: Ivory / Cream / Champagne Gold
   アクセント: Dusty Rose / Deep Green
   トーン: 上品・軽やか・洗練・ホテルライク・エディトリアル
   ========================================================================== */
:root {
    /* Base colors（カンプ デザインシステム準拠） */
    --tf-ivory: #FCFBFB;          /* ベース背景（カンプはほぼ白） */
    --tf-cream: #F6F2EE;          /* セクション地・薄い面 */
    --tf-champagne-gold: #B89A7E; /* ゴールド系アクセント（罫・補助） */

    /* Accent colors */
    --tf-dusty-rose: #F7A8B8;     /* アクセント（ピンク） */
    --tf-deep-green: #B8D8B3;     /* アクセント（グリーン） */

    /* Text colors */
    --tf-text-primary: #5D524B;   /* メインテキスト */
    --tf-text-secondary: #8E857E; /* サブテキスト */
    --tf-text-on-dark: #FFFFFF;

    /* Surface / lines */
    --tf-surface: #FFFFFF;        /* カード背景 */
    --tf-border: #EFEAE6;         /* 境界線 */
    --tf-divider-gold: #EFEAE6;

    /* Button */
    --tf-btn-primary-bg: #7B6E63; /* ボタン・強調 */

    /* Status badge colors */
    --tf-status-ongoing: #F7A8B8;     /* 開催中=ピンク */
    --tf-status-ending-soon: #D98C9A; /* まもなく終了=濃ピンク */
    --tf-status-upcoming: #B8D8B3;    /* 開催予定=グリーン */
    --tf-status-ended: #C9C2BB;       /* 終了=グレー */

    /* Typography（見出し・本文ともに Noto Sans JP。Montserratはロゴ/ラベル用） */
    --tf-font-serif: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
    --tf-font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
    --tf-font-logo: "Montserrat", "Noto Sans JP", sans-serif;

    /* Spacing（カンプ スペーシングスケール 8の倍数系） */
    --tf-space-xs: 8px;
    --tf-space-sm: 16px;
    --tf-space-md: 24px;
    --tf-space-lg: 48px;
    --tf-space-xl: 80px;
    --tf-space-2xl: 96px;

    /* Layout */
    --tf-container-width: 1200px;
    --tf-gutter: 24px;
    --tf-radius: 8px;

    /* Transitions */
    --tf-transition: 0.2s ease;
}