@charset "UTF-8";
/* variables.css: CSS変数（デザインシステム基礎） */

:root {
    /* 色（白基調/ダーク基調はテーマスタイルによって切り替え可能にするためのベース） */
    --cpl-color-bg: #f9f9fc;
    --cpl-color-surface: #ffffff;
    --cpl-color-text-main: #333333;
    --cpl-color-text-sub: #666666;
    
    /* 動的変数を受け取る (PHP側から出力される変数) */
    /* --cpl-main-color, --cpl-accent-color, --cpl-gradient-scheme, --cpl-theme-style, --cpl-button-style, --cpl-border-radius, --cpl-glass-blur */

    /* アクセント・グラデーション（ポップ系・グラスモーフィズム対応） */
    --cpl-color-accent1: var(--cpl-main-color, #ff7bac);
    --cpl-color-accent2: #ff9a9e; /* Default fallback */
    --cpl-color-gradient: linear-gradient(135deg, var(--cpl-color-accent1) 0%, var(--cpl-color-accent2) 100%);
    
    --cpl-color-border: rgba(0, 0, 0, 0.08);
    
    /* グラスモーフィズム（すりガラス）用変数 */
    --cpl-glass-bg: rgba(255, 255, 255, 0.7);
    --cpl-glass-border: 1px solid rgba(255, 255, 255, 0.5);
    /* PHPから --cpl-glass-blur: 10px; のように数値が渡ることを想定 */
    --cpl-glass-filter: blur(var(--cpl-glass-blur, 10px));
    --cpl-glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.05);

    /* タイポグラフィ (PHPから上書き可能) */
    /* --cpl-font-family は PHP側で設定済み */
    
    /* スペーシング */
    --cpl-space-xs: 4px;
    --cpl-space-sm: 8px;
    --cpl-space-md: 16px;
    --cpl-space-lg: 24px;
    --cpl-space-xl: 32px;
    
    /* その他 */
    --cpl-radius-md: calc(var(--cpl-border-radius, 20px) * 0.6);
    --cpl-radius-lg: var(--cpl-border-radius, 20px);
    --cpl-transition: all 0.3s ease;
}