/**
 * モダンテーマ - Survey System
 * カラーパレット＆フォント設定のみ
 */

/* ===== テーマ固有カラーパレット ===== */
:root {
    /* === 基本カラーパレット === */
    --primary-color: #667eea;
    --primary-dark: #764ba2;
    --secondary-color: #718096;
    --secondary-dark: #4a5568;
    --accent-color: #48bb78;
    --accent-dark: #38a169;
    --warning-color: #fbbf24;
    --warning-dark: #f59e0b;
    --error-color: #ef4444;
    --error-dark: #dc2626;
    --cyan-color: #06b6d4;
    --cyan-dark: #0891b2;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #a0aec0;
    --background-light: rgba(255, 255, 255, 0.95);
    --background-overlay: rgba(255, 255, 255, 0.8);
    --neutral-100: #f7fafc;
    --neutral-200: #edf2f7;
    --neutral-300: #e2e8f0;
    --neutral-400: #cbd5e0;
    --neutral-500: #a0aec0;
    --neutral-600: #718096;
    --neutral-700: #4a5568;
    --neutral-800: #2d3748;
    --neutral-900: #1a202c;

    /* === RGB値（calc用） === */
    --primary-color-rgb: 102, 126, 234;
    --secondary-color-rgb: 113, 128, 150;

    /* === フォント設定 === */
    --font-family-primary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-family-heading: 'Inter', system-ui, -apple-system, sans-serif;

    /* === AI画像生成用カラーパレット === */
    --ai-palette-primary: "#667eea";
    --ai-palette-primary-dark: "#764ba2";
    --ai-palette-secondary: "#718096";
    --ai-palette-accent: "#48bb78";
    --ai-palette-warm: "#fbbf24";
    --ai-palette-neutral: "#e2e8f0";

    /* === AI画像生成用テーマ情報 === */
    --ai-theme-name: "modern";
    --ai-theme-description: "Modern and stylish theme with gradient blues and purples";
    --ai-color-scheme: "blue purple gradient professional";
}

    /* === 追加色変数（base.css対応） === */
    --neutral-300: #e2e8f0;
    --neutral-500: #a0aec0;
    --warning-light: #fef3c7;
    --warning-text: #92400e;
    --warning-accent: #d97706;