/* * Axia Theme - Salon Edition (Editorial Refresh)
 * メンテナンス性を重視し、変数を定義して運用
 */

:root {
    --salon-base: #F4F4F0;
    --salon-dark: #1A1A1A;
    --salon-border: #D1D0C9;
    --salon-accent: #A5A49A;
}

/* Salonエディション選択時のみ適用 */
.edition-salon {
    background-color: var(--salon-base);
    color: var(--salon-dark);
    font-family: "Noto Sans JP", sans-serif;
}

/* タイポグラフィ */
.editorial-heading {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: -0.02em;
    line-height: 0.85;
}

.editorial-serif {
    font-family: 'Shippori Mincho', serif;
}

/* コンポーネント */
.editorial-border {
    border: 1px solid var(--salon-border);
}

.comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background-color: var(--salon-border);
}

/* ナンバリング装飾 */
.rank-number {
    font-family: 'Cormorant Garamond', serif;
    font-size: 5rem;
    line-height: 1;
    color: #E5E4DE;
    position: absolute;
    top: -1rem;
    left: -0.5rem;
    z-index: 0;
    font-style: italic;
}

/* アニメーション */
.reveal-init {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease-out;
}

.reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* スクロールバー非表示 */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }