/* ==========================================================================
   brand.css — タレント1人ぶんの「らしさ」だけを置く層
   別タレントのサイトを作るときは、原則このファイルと画像だけを差し替える。
   styles.css（レイアウト／コンポーネント）は共通のまま使い回す。
   ========================================================================== */

:root {
  /* 公式ロゴ（水の入ったラーメン丼）から抽出した3色 */
  --brand-primary: #169fff;   /* 水の青。暗い背景の上でだけ使う */
  --brand-accent: #e2000a;    /* 丼の赤 */
  --brand-ink: #111111;       /* 線の黒 */

  /* 白や薄い地の上で文字・ボタンに使う青。
     #169fff は白地だと 2.8:1 しかなく読みづらいので、同じ色相を暗くした 5.2:1 を使う */
  --brand-on-light: #0a6fc0;
  --brand-on-light-hover: #085b9f;

  /* 上の3色から起こしたサイトの地の色 */
  --base-900: #05101c;
  --base-800: #0a1a2b;
  --base-700: #0f2439;
  --base-600: #163350;

  --surface: #ffffff;
  --surface-alt: #f3f7fb;
  --surface-line: #dde6ef;

  --text-strong: #0a1725;
  --text-body: #41535f;
  --text-muted: #5e7180;      /* 白地で 5.1:1。旧 #6d8092 は 4.1:1 で基準未満だった */
  --text-on-dark: #ffffff;
  --text-on-dark-muted: #a3b9cd;

  /* ヒーローの人物名サイズ。名前が長いタレントは 0.8 などに下げる */
  --display-scale: 1;
}