/* ============================================
   Sophia Academy Ver2 - Design Variables
   カラー: 臙脂 × ゴールド × 墨色
   ============================================ */

:root {
    /* --- Color Palette --- */
    --color-crimson: #7A1022;
    --color-crimson-dark: #5A0818;
    --color-crimson-light: #A02030;
    --color-crimson-ultra-dark: #2A0308;
    --color-gold: #B8922A;
    --color-gold-light: #D4AF50;
    --color-gold-pale: #F2E6C2;
    --color-gold-bright: #E8C355;
    --color-sumi: #1A1610;
    --color-sumi-mid: #2E2820;
    --color-sumi-light: #46403A;
    --color-white: #FDFBF7;
    --color-bg: #FAFAF6;
    --color-bg-sub: #F5F0E8;
    --color-bg-dark: #0F0508;
    --color-text: #1A1610;
    --color-text-sub: #5A5248;
    --color-border: #D8CEB8;

    /* --- Gradient --- */
    --gradient-crimson: linear-gradient(135deg, #7A1022 0%, #A02030 100%);
    --gradient-hero: linear-gradient(to bottom, rgba(10, 3, 5, 0.25) 0%, rgba(10, 3, 5, 0.7) 100%);
    --gradient-gold: linear-gradient(135deg, #B8922A 0%, #D4AF50 100%);
    --gradient-dark: linear-gradient(to bottom, rgba(15, 5, 8, 0.92) 0%, rgba(42, 3, 8, 0.85) 100%);

    /* --- Typography --- */
    --font-primary: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
    --font-heading: 'Shippori Mincho', 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
    --font-en: 'Cormorant Garamond', 'Georgia', serif;

    --fs-xs: 0.75rem;
    /* 12px */
    --fs-sm: 0.875rem;
    /* 14px */
    --fs-base: 1rem;
    /* 16px */
    --fs-md: 1.125rem;
    /* 18px */
    --fs-lg: 1.25rem;
    /* 20px */
    --fs-xl: 1.5rem;
    /* 24px */
    --fs-2xl: 2rem;
    /* 32px */
    --fs-3xl: 2.5rem;
    /* 40px */
    --fs-4xl: 3rem;
    /* 48px */
    --fs-5xl: 4rem;
    /* 64px */
    --fs-6xl: 5.5rem;
    /* 88px */

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;

    --lh-tight: 1.2;
    --lh-normal: 1.6;
    --lh-relaxed: 1.8;
    --lh-loose: 2;

    /* --- Spacing --- */
    --sp-xs: 0.25rem;
    /* 4px */
    --sp-sm: 0.5rem;
    /* 8px */
    --sp-md: 1rem;
    /* 16px */
    --sp-lg: 1.5rem;
    /* 24px */
    --sp-xl: 2rem;
    /* 32px */
    --sp-2xl: 2.5rem;
    /* 40px */
    --sp-3xl: 3rem;
    /* 48px */
    --sp-4xl: 4rem;
    /* 64px */
    --sp-5xl: 5rem;
    /* 80px */
    --sp-6xl: 7rem;
    /* 112px */

    /* --- Shape --- */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;
    --radius-full: 9999px;

    /* --- Animation --- */
    --ease-default: 0.3s ease;
    --ease-slow: 0.6s ease;
    --ease-luxury: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* --- Container --- */
    --container-max: 1320px;
    --container-narrow: 900px;
    --container-padding: var(--sp-xl);
}