/*
 * 3UPラボ デザインリプレース 共通トークン
 * モニレポ（mr）プレフィックスで既存変数とのバッティング回避
 * 作成日: 2026-04-30
 * 関連:
 *   - webroot/css/renewal/friend.css
 *   - webroot/css/renewal/registration_complete.css
 *
 * NOTE: --mr-orange (#ff6400) は既存 --color-primary (rgb(255,100,0)) と同値だが、
 *       renewal/ 系ページでは --mr-orange を使用する（既存変数とは独立管理）
 *
 * 利用フォント: 'Noto Sans JP'（既存layoutで読み込み済み）, 'Zen Kaku Gothic New'（renewal系で使用）
 */
:root {
    --mr-orange: #ff6400;
    --mr-orange-mid: #ff7a20;
    --mr-orange-light: #ff9040;
    --mr-orange-pale: #fff0e6;
    --mr-cream: #FDF6EE;
    --mr-white: #FFFFFF;
    --mr-text: #1C1C1C;
    --mr-text-mid: #4A4A4A;
    --mr-text-light: #888888;
    --mr-border: #EAD9CC;
    --mr-shadow-warm: 0 8px 32px rgba(255, 100, 0, 0.14);
    --mr-radius-lg: 20px;
    --mr-radius-md: 14px;
    --mr-radius-sm: 10px;

    /* === 登録完了ページ用に追加 (2026-05-01) === */
    --mr-line-green: #06C755;
    --mr-line-green-dark: #05a848;

    /* === モニレポLP用に追加 (2026-05-15) === */
    --mr-orange-deep: #cc4e00;
    --mr-beige-cta: #FDF0E4;
    --mr-beige-dark: #F5E0CC;
    --mr-beige-border: #E8C9A8;

    /* === トップページ(未ログイン/ログイン)用に追加 (2026-05-25) === */
    /* 納品cream色（既存--mr-cream #FDF6EE と値が違うため別名で並存） */
    --mr-cream-light: #FEFAF7;
    /* 未ログインTOP用ブルー（CTAボタン） */
    --mr-blue: #1E7BE0;
    --mr-blue-dark: #1665C0;
    /* warm shadow（既存--mr-shadow-warm はオレンジ系rgba、こちらは茶系rgba） */
    --mr-shadow: 0 4px 20px rgba(200, 140, 80, 0.12);
    --mr-shadow-md: 0 8px 28px rgba(200, 140, 80, 0.18);

    /* === 報酬一覧(/rewards/list)用に追加 (2026-06-16) === */
    /* 納品#FF6600は既存--mr-orange(#ff6400)に統一（寄せ）。同値の--orange-pale/--text-mid/--text-muted(=--mr-text-light)も既存再利用。 */
    /* 既存と同名別値を避けるため改名: orange-light→tint / orange-mid→soft / border→border-light */
    --mr-orange-tint: #FFF5EE;   /* 納品 --orange-light（カード淡背景） */
    --mr-orange-soft: #FFE0CC;   /* 納品 --orange-mid（区切り線） */
    --mr-orange-border: #FFBF99; /* 納品 --orange-border（枠線） */
    --mr-text-dark: #1A1A1A;     /* 納品 --text-dark（本文濃色） */
    --mr-bg-page: #FAFAFA;       /* 納品 --bg-page（ページ背景） */
    --mr-border-light: #EBEBEB;  /* 納品 --border（汎用罫線） */
    --mr-max-w: 1140px;          /* 納品 --max-w（コンテンツ幅） */
    --mr-radius: 16px;           /* 納品 --radius */
}

/* ===== Buzzクラ＋（bz） 2026-06-16 ===== */
/* 納品 :root を --mr-bz-* サブプレフィックスへ変換（規約6.4）。
 * 納品 --orange(#FF6600) は header/footer 専用で取り込み対象外のため未追加。
 * 本文でオレンジが必要な場合は既存 --mr-orange を再利用する。 */
:root {
    --mr-bz-yellow: #B8C800;        /* 深めの黄緑イエロー（白文字が映える） */
    --mr-bz-yellow-dark: #9AAA00;
    --mr-bz-yellow-mid: #D4E000;    /* 少し明るめ（アクセント帯） */
    --mr-bz-yellow-light: #EDF5A0;  /* 薄め（背景アクセント） */
    --mr-bz-green: #2E8B00;
    --mr-bz-green-dark: #1E6400;
    --mr-bz-green-mid: #4AAA00;
    --mr-bz-text-dark: #1A1A1A;
    --mr-bz-text-mid: #3A3A3A;
    --mr-bz-text-muted: #666666;
    --mr-bz-bg-white: #FFFFFF;
    --mr-bz-bg-section: #F7F7F7;
    --mr-bz-border: #E0E0E0;
    --mr-bz-radius: 16px;
}

/* ===== スマートタスク（st） 2026-06-23 ===== */
/* 納品 :root を --mr-st-* サブプレフィックスへ変換（規約6.4）。
 * 納品 --orange(#FF6600) は採用せず、既存ブランドオレンジ rgb(255,100,0)（=#FF6400）に揃える。
 * 用途: `.btn-point` の背景（ポイントGETボタン）。 */
:root {
    --mr-st-purple: #6B21C8;
    --mr-st-purple-dark: #4F0FA0;
    --mr-st-purple-mid: #8B3FE8;        /* HEROの斜め帯アクセント */
    --mr-st-purple-light: #EDE0FF;
    --mr-st-purple-pale: #F5F0FF;       /* ミッション一覧セクション背景 */
    --mr-st-orange: rgb(255, 100, 0);   /* 既存ブランドオレンジに合わせる（納品の#FF6600は不採用） */
    --mr-st-text-dark: #1A1A1A;
    --mr-st-text-mid: #3A3A3A;
    --mr-st-text-muted: #666666;
    --mr-st-bg-white: #FFFFFF;
    --mr-st-bg-section: #F7F7F7;
    --mr-st-border: #E0E0E0;
    --mr-st-radius: 16px;
}

/* ===== 希望商品選択ページ（ps） 2026-07-13 ===== */
/* 納品 :root を --mr-ps-* サブプレフィックスへ変換（product_select_prompt.md）。
 * 納品 --orange(#FF6600) は既存ブランドオレンジ(#FF6400) と 2バイト差だが独立管理（デザイナー確認予定）。 */
:root {
    --mr-ps-orange: #FF6600;
    --mr-ps-orange-dark: #E05500;
    --mr-ps-orange-light: #FFF5EE;
    --mr-ps-orange-pale: #FFF0E6;
    --mr-ps-orange-mid: #FFE0CC;
    --mr-ps-orange-border: #FFBF99;
    --mr-ps-yellow: #FFD600;
    --mr-ps-yellow-light: #FFFBE6;
    --mr-ps-text-dark: #1A1A1A;
    --mr-ps-text-mid: #4A4A4A;
    --mr-ps-text-muted: #888;
    --mr-ps-bg-page: #FAFAFA;
    --mr-ps-border: #EBEBEB;
    --mr-ps-radius: 16px;
    --mr-ps-max-w: 1100px;
}

/* ===== ゼロマネ（zm） 2026-07-18 ===== */
/* 納品 :root を --mr-zm-* サブプレフィックスへ変換（規約6.4）。
 * 納品 --orange(#FF6600) は既存 --color-primary rgb(255,100,0) と等価だが、
 * 名前空間分離のためプロンプト明記通り独立定義。
 * 用途: HERO/悩み/メリット/カリキュラム/ユーザーの声/クロージング の各セクション。
 * font-family: 見出しは 'M PLUS Rounded 1c'（template側でGoogle Fonts個別追加）、
 *              本文は既存 layout の 'Noto Sans JP' を継承。 */
:root {
    --mr-zm-blue: #1A6FDB;
    --mr-zm-blue-dark: #1258B8;
    --mr-zm-blue-mid: #2A7FEB;
    --mr-zm-blue-bg: #EFF6FF;
    --mr-zm-blue-light: #DBF0FF;
    --mr-zm-red: #E8303A;
    --mr-zm-red-light: #FFF0F1;
    --mr-zm-yellow: #FFE033;
    --mr-zm-yellow-light: #FFFBE0;
    --mr-zm-orange: #FF6600;             /* 3UPラボ共通アクセント（既存--color-primaryと等価だが独立管理） */
    --mr-zm-text-dark: #1A1A2E;
    --mr-zm-text-mid: #3A3A5A;
    --mr-zm-text-muted: #777;
    --mr-zm-border: #D0E4F8;
    --mr-zm-radius: 20px;
    --mr-zm-max-w: 480px;
}

/* ===== 3UPラボ勉強会（sm = seminar） 2026-08-06 ===== */
/* 納品 :root を --mr-sm-* サブプレフィックスへ変換（規約6.3）。
 * 納品 --orange(#FF6600) は header/footer ロゴ専用で取り込み対象外のため未追加。
 *   （なお 3UPラボのブランドオレンジ正値は #FF6400。納品値 #FF6600 は誤りのため、
 *     本ページでオレンジが必要になった場合は既存 --mr-orange を再利用する）
 * 用途: HERO / こんな方 / 学べること / 参加特典 / 開催の様子 / 開催情報 / CTA / カレンダー登録モーダル。
 * font-family は納品のまま 'Helvetica Neue' 系（既存 renewal 系の 'Noto Sans JP' とは異なる・規約3.2）。 */
:root {
    --mr-sm-blue: #0EA5E9;
    --mr-sm-blue-dark: #0284C7;
    --mr-sm-blue-deep: #0369A1;
    --mr-sm-blue-light: #E0F2FE;
    --mr-sm-blue-pale: #F0F9FF;
    --mr-sm-blue-border: #BAE6FD;
    --mr-sm-warm-gray: #F1F5F9;
    --mr-sm-text-dark: #0C1A2E;
    --mr-sm-text-mid: #1E3A5F;
    --mr-sm-text-muted: #64748B;
    --mr-sm-border: #CBD5E1;
    --mr-sm-radius: 14px;
    --mr-sm-max-w: 1100px;
}

/* ===== よくある質問（fq = faq） 2026-08-31 ===== */
/* 納品 :root を --mr-fq-* サブプレフィックスへ変換（既存 bz / st / ps / zm / sm と同型）。
 * 納品 --orange(#FF6600) は既存 --mr-orange(#ff6400) と別値のため独立管理する。
 *   （3UPラボのブランドオレンジ正値は #FF6400。納品値 #FF6600 は希望商品選択ページと同じ扱い）
 * NOTE: --mr-ps-*（希望商品選択）とは radius 以外すべて同値だが、
 *       ページ間の結合を避けるため再利用せず独立定義する。
 * 用途: カテゴリ一覧 / カテゴリ詳細 / Q&Aアコーディオン / キーワード検索 / お問い合わせ導線。
 * font-family は納品のまま 'Helvetica Neue' 系（Google Fonts の追加は不要・規約3.2）。 */
:root {
    --mr-fq-orange: #FF6600;
    --mr-fq-orange-dark: #E05500;
    --mr-fq-orange-light: #FFF5EE;
    --mr-fq-orange-pale: #FFF0E6;
    --mr-fq-orange-mid: #FFE0CC;
    --mr-fq-orange-border: #FFBF99;
    --mr-fq-text-dark: #1A1A1A;
    --mr-fq-text-mid: #4A4A4A;
    --mr-fq-text-muted: #888;
    --mr-fq-bg-page: #FAFAFA;
    --mr-fq-border: #EBEBEB;
    --mr-fq-max-w: 1100px;
    --mr-fq-radius: 12px;
}