/* =============================================================
 * UIリニューアル「Stadium Gold」— 00 デザイントークン
 * 全セレクタは body.ui-r 配下。フラグOFFなら body に ui-r が付かず一切効かない。
 * 他の担当はここの変数だけを使うこと（色の直書きを増やさない）。
 * ============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap');

body.ui-r {
    /* ---- 金（主役の背景） ---- */
    --ui-gold: #d2b503;
    --ui-gold-hi: #f0d43a;
    --ui-gold-lo: #a88f00;
    --ui-gold-deep: #6e5d00;
    --ui-gold-grad: linear-gradient(135deg, #f6dc4a 0%, #d2b503 45%, #b39500 100%);
    /* 金ボタン用（縦方向・上面が明るい） */
    --ui-gold-btn: linear-gradient(180deg, #fbe36a 0%, #e6c51c 42%, #c9a800 100%);
    --ui-gold-btn-hover: linear-gradient(180deg, #ffe97d 0%, #efcf2a 42%, #d4b300 100%);

    /* ---- 紺（スタジアムの夜） ---- */
    --ui-navy-900: #071526;
    --ui-navy-800: #0b1f3a;
    --ui-navy-700: #12305a;
    --ui-navy: #0d4f8c;
    --ui-navy-hi: #1a6dba;
    --ui-navy-grad: linear-gradient(180deg, #1a6dba 0%, #0d4f8c 55%, #0b3f72 100%);
    --ui-night-grad: linear-gradient(180deg, #0b1f3a 0%, #071526 100%);

    /* ---- 水色（海） ---- */
    --ui-aqua: #4cc3f0;
    --ui-aqua-pale: #e6f6fd;

    /* ---- アクセント（いいね・ハート） ---- */
    --ui-heart: #ff4d6d;

    /* ---- 面・文字・線 ---- */
    --ui-surface: #ffffff;
    --ui-surface-2: #f7f9fc;
    --ui-ink: #0e2a3d;
    --ui-ink-2: #5a6e7a;
    --ui-line: rgba(14, 42, 61, .10);
    --ui-line-strong: rgba(14, 42, 61, .18);

    /* ---- 形 ---- */
    --ui-r-sm: 10px;
    --ui-r: 16px;
    --ui-r-lg: 24px;
    --ui-r-pill: 999px;

    /* ---- 影 ---- */
    --ui-shadow-1: 0 1px 2px rgba(7, 21, 38, .06), 0 2px 8px rgba(7, 21, 38, .06);
    --ui-shadow-2: 0 2px 4px rgba(7, 21, 38, .06), 0 12px 32px rgba(7, 21, 38, .12);
    --ui-shadow-3: 0 4px 8px rgba(7, 21, 38, .08), 0 24px 60px rgba(7, 21, 38, .22);
    --ui-glow-gold: 0 0 0 1px rgba(255, 236, 140, .6), 0 8px 30px rgba(210, 181, 3, .45);
    --ui-hl-top: inset 0 1px 0 rgba(255, 255, 255, .8);
    --ui-card-shadow: var(--ui-hl-top), var(--ui-shadow-2);
    --ui-focus: 0 0 0 3px rgba(76, 195, 240, .45);

    /* ---- 動き ---- */
    --ui-ease: cubic-bezier(.2, .8, .2, 1);
    --ui-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    --ui-dur-1: 160ms;
    --ui-dur-2: 240ms;
    --ui-dur-3: 320ms;

    /* ---- 文字 ---- */
    --ui-font-body: 'M PLUS Rounded 1c', sans-serif;
    --ui-font-display: 'Outfit', 'M PLUS Rounded 1c', sans-serif;

    /* ---- 外枠の寸法 ---- */
    --ui-sp-nav-h: 60px; /* スマホ下部固定ナビの高さ（セーフエリア除く） */
}