/*
Theme Name: ai TRADING
Theme URI: https://ai-trading-japan.com/
Author: ai TRADING Co., Ltd.
Author URI: https://ai-trading-japan.com/
Description: 株式会社ai TRADING コーポレートテーマ。国境を越える不動産コンサルティング。
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ai-trading
*/

/* ---------------------------------------------------------
   カスタムカラー / フォント フォールバック定義
   （Tailwind CDNが何らかの理由で設定を読まなかった場合の保険）
--------------------------------------------------------- */
:root {
    --color-primary: #C8102E;
    --color-primary-dark: #9A0B22;
    --color-secondary: #333333;
    --color-light: #F8F9FA;
}

.text-primary { color: var(--color-primary) !important; }
.text-primary-dark { color: var(--color-primary-dark) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-primary-dark { background-color: var(--color-primary-dark) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-light { background-color: var(--color-light) !important; }
.bg-primary\/10 { background-color: rgba(200, 16, 46, 0.10) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.border-primary\/30 { border-color: rgba(200, 16, 46, 0.30) !important; }
.border-t-primary { border-top-color: var(--color-primary) !important; }
.hover\:bg-primary:hover { background-color: var(--color-primary) !important; }
.hover\:bg-primary-dark:hover { background-color: var(--color-primary-dark) !important; }
.hover\:text-primary:hover { color: var(--color-primary) !important; }
.hover\:border-primary:hover { border-color: var(--color-primary) !important; }
.shadow-primary\/30 { --tw-shadow-color: rgba(200, 16, 46, 0.30) !important; }
.font-sans { font-family: "Noto Sans JP", sans-serif !important; }
.font-serif { font-family: "Playfair Display", serif !important; }

/* ---------------------------------------------------------
   テーマ独自スタイル
--------------------------------------------------------- */
html { scroll-behavior: smooth; }

.fade-in {
    animation: fadeIn 1.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background-color: var(--color-primary);
    margin: 1rem auto 0;
}

.elegant-shadow {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
}

/* ヒーロースライドショー */
.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}
.hero-slide.active {
    opacity: 1;
}
.hero-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 8s linear;
}
.hero-slide.active .hero-bg-img {
    transform: scale(1.05);
}
.slide-text {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 1.2s ease-out 0.5s, transform 1.2s ease-out 0.5s;
}
.hero-slide.active .slide-text {
    opacity: 1;
    transform: translateY(0);
}