/* ============================================================
   共有カラーテーマ - Scorepad (生成りの紙 × 濃紺インク。案B + B-3濃紺バンド)
   PC版(style.css)とスマホ版(mobile-style.css)の両方が読み込む配色の一元管理。
   ここを変えると両端末の色が同時に変わります。
   ============================================================ */
:root {
  /* Color palette */
  --bg-primary: #fdfcf8;
  /* Paper */
  --bg-secondary: #fdfcf6;
  /* Header / bar paper */
  --bg-card: #ffffff;
  /* Cards on the top screen */
  --bg-card-hover: #f4f2ea;
  /* Card hover */
  --surface: #ffffff;
  /* UI surfaces (modals, buttons) */
  --surface-light: #f1efe7;
  /* Lighter surface for hover */

  /* Accent colors */
  --accent-primary: #1f4e79;
  /* Navy ink */
  --accent-primary-hover: #2b5f8f;
  --accent-secondary: #b4542e;
  /* Vermilion stamp */
  --accent-glow: rgba(31, 78, 121, 0.25);

  /* Tile colors */
  --tile-red: #d64339;
  --tile-blue: #2f74c0;
  --tile-black: #2c2c2a;
  --tile-orange: #e08a00;

  /* Ink lines */
  --ink: #232a33;
  --ink-line: #2a3140;

  /* Text */
  --text-primary: #232a33;
  --text-secondary: #566070;
  --text-muted: #9aa0aa;

  /* Misc */
  --border-subtle: rgba(35, 42, 51, 0.16);
  --shadow-lg: 0 16px 44px rgba(35, 42, 51, 0.16);
  --shadow-md: 0 6px 22px rgba(35, 42, 51, 0.1);
  --shadow-sm: 0 2px 8px rgba(35, 42, 51, 0.07);
  --radius-lg: 14px;
  --radius-md: 8px;
  --radius-sm: 4px;
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}