/**
 * JUSTCMS Sumifru — design token overrides
 *
 * 親テーマの :root 変数をここで再定義するだけでリブランドできます。
 * main-style.scss / common.scss の複製・再コンパイルは不要です。
 *
 * 使い方:
 * 1. 変えたいトークンだけコメントを外して値を書く
 * 2. 未指定のトークンは親テーマの既定値がそのまま使われる
 *
 * トークン定義の正本:
 * - assets_n2/css/_global/_mixin.scss
 * - assets_core/css/_global/_mixin.scss
 *
 * 値の出典: origin/prd-for-sumifru の mixin 差分
 */

:root {
  --base-brand-color1: #FF0000;
  --base-accent-color1: #FF0000;

  --base-bg-color6: #F5F0E9;
  --base-bg-color7: #FFEFE8;
  --base-bg-color-page: #ffffff;

  --sumifru-chip-bg: #FFEFE8;
  --sumifru-chip-color: #FF661A;
  --sumifru-tag-bg: #EAEAEA;
  --sumifru-tag-color: #5C5C5C;
  --sumifru-tag-hover-bg: #D4D4D4;
  --sumifru-action-color: #D80C18;
  --sumifru-profile-border: #E8EBF4;
  --sumifru-surface-bg: #FAF7F2;
  --sumifru-accent-line: #FFB300;

  --base-font-family-base:
    'Yu Gothic',
    '游ゴシック',
    'YuGothic',
    'Noto Sans JP',
    'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    'Meiryo',
    'ＭＳ Ｐゴシック',
    'Arial',
    sans-serif;
  --base-font-family-ja:
    'Yu Gothic',
    '游ゴシック',
    'YuGothic',
    'Noto Sans JP',
    'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    'Meiryo',
    'ＭＳ Ｐゴシック',
    'Arial',
    sans-serif;

  /* 親 CSS が var() 未使用のため、見た目の差し替えは overrides.css 側 */
  --base-icon-rank-label-1: url("../img/icon_rank_label_01.svg");
  --base-icon-rank-label-2: url("../img/icon_rank_label_02.svg");
  --base-icon-rank-label-3: url("../img/icon_rank_label_03.svg");
  --base-icon-editor-profile: url("../img/bg_editor-profile.svg");
}