/* ユートピア - 最小限のカスタムCSS（TailwindCSSで対応できない部分のみ） */

/* CSS変数（Tailwindで使用） */
:root {
    --primary: #6366f1;
    --primary-hover: #4f46e5;
}

/* スクロールバーのカスタマイズ（TailwindCSSでは対応不可） */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f9fafb;
}

::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #d1d5db;
}

/* カスタムアニメーション（Tailwind標準にないもの） */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* 装飾的な要素を非表示（レガシー対応） */
.parallax-layer,
.aurora-effect,
.dream-cloud,
.starfield,
.aurora-curtain,
.mouse-glow,
.positivity-meter,
.rainbow-curtain,
.light-particle,
.seasonal-decoration {
    display: none !important;
}

/* 過度なエフェクトを無効化（レガシー対応） */
.prism-effect::before,
.magic-button::before,
.post-card-3d,
.button-3d::before {
    display: none !important;
}

/* レガシースタイルの上書き */
.rainbow-text,
.holographic,
.heading-gradient {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}