/* MR.HIRO DRIVE TOUR - デザイン共通変数
   色・フォント・余白などの基準値をここに集約する。
   JDM Experienceと同じ値に揃えている。
   アクセントカラーを変えたい場合は --dtour-color-accent-red の1行だけ変えればよい。 */

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

    /* --- フォント（言語ごと） --- */
    --dtour-font-en: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --dtour-font-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
    --dtour-font-zh: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Hiragino Sans GB", sans-serif;

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

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

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

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

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