/* JDM Sports Car Experience - デザイン共通変数
   色・フォント・余白などの基準値をここに集約する。
   他のCSSファイルはこの変数を参照して使う。 */

:root {
    /* --- カラー --- */
    --jexp-color-bg: #0d0d0d;
    --jexp-color-bg-alt: #161616;
    --jexp-color-text: #ffffff;
    --jexp-color-text-sub: #a3a3a3;
    --jexp-color-accent: #4ade80;
    --jexp-color-accent-red: #e63946;
    --jexp-color-border: #2a2a2a;

    /* --- フォントサイズ（スマホ基準） --- */
    --jexp-font-size-xs: 12px;
    --jexp-font-size-sm: 14px;
    --jexp-font-size-base: 16px;
    --jexp-font-size-lg: 20px;
    --jexp-font-size-xl: 26px;
    --jexp-font-size-2xl: 32px;

    /* --- 余白（スマホ基準） --- */
    --jexp-space-xs: 8px;
    --jexp-space-sm: 16px;
    --jexp-space-md: 24px;
    --jexp-space-lg: 40px;
    --jexp-space-xl: 64px;

    /* --- コンテナ幅 --- */
    --jexp-container-max: 1100px;

    /* --- 角丸 --- */
    --jexp-radius-sm: 6px;
    --jexp-radius-md: 12px;

    /* --- アニメーション --- */
    --jexp-transition: 0.25s ease;
}