/* =============================================================
   ブランド設定（株式会社エージェント）
   色・フォント・ロゴを変えるときは、このファイルと同じフォルダの
   logo.png（横長）/ logo-stack.png（縦長）/ icon.png（ファビコン）を差し替えます。
   ============================================================= */
/* 英数字のフォント Poppins（SIL Open Font License）を同梱。社内ネットワークでも表示が崩れないようにしています */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(/brand/fonts/poppins-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/brand/fonts/poppins-500.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(/brand/fonts/poppins-600.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(/brand/fonts/poppins-700.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* ブランドカラー */
  --brand: #00BCF6;          /* ロゴのスカイブルー */
  --brand-deep: #0085C7;     /* 白い文字を載せるボタンなど（読みやすさのため少し濃く） */
  --brand-mint: #5EF3C9;     /* グラデーションの終わりのミント */
  --brand-soft: #E3F7FE;     /* 薄いスカイ（選択中の背景など） */
  --brand-grad: linear-gradient(105deg, #10B4F4 0%, #00BCF6 38%, #2FD6DE 72%, #5EF3C9 100%);
  --brand-gray: #A0A0A0;     /* ロゴの文字のグレー */

  /* 文字と面 */
  --ink: #20303A;
  --ink-2: #5D6B74;
  --ink-3: #8A979F;
  --cloud: #F3F6F6;          /* サイトの薄いグレーの背景 */
  --surface: #FFFFFF;
  --line: #DDE5E8;

  /* 4択の色（離れた席からも見分けやすいように、ブランドの色味に寄せた4色） */
  --c1: #E04850;
  --c2: #0B7FD0;
  --c3: #0B8F6C;
  --c4: #FFC233;
  --c4-ink: #20303A;

  /* 状態 */
  --ok: #0B8F6C;
  --danger: #E04850;
  --gold: #F5B800;
  --silver: #9AA7B0;
  --bronze: #D98A4E;

  /* フォント（英数字は Poppins、日本語は Noto Sans JP） */
  --font-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;
  --font-en: "Poppins", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;
}

/* ロゴ */
.brand-logo { display: block; height: 28px; width: auto; }