/* ============================================================
   Bistro AI Insight — ブランドトークン
   Bistro営業資料（Our Capabilities）の配色・書体に合わせています。
   色・書体はこのファイルだけで決まります。
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400;1,500&family=BIZ+UDPMincho:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");

:root {
  color-scheme: light;
  /* ベース（資料の白ページ／生成りページ） */
  --ink: #0e1f45;          /* 見出し・本文の濃紺 */
  --ink-2: #4b4f5c;        /* 補助テキスト */
  --muted: #8a8578;        /* 注記（資料のグレージュ） */
  --paper: #fbf9f4;        /* ページ背景 */
  --surface: #fffdf9;      /* パネル */
  --surface-2: #f4efe6;    /* 生成り（資料p2の背景） */
  --sand: #ebe3d3;         /* サンドのタイル（資料のボックス） */
  --line: #e4ddd0;         /* 罫線 */
  --line-strong: #cdc4b2;

  /* ブランドの2色 */
  --action: #0e1f45;       /* ボタン：濃紺 */
  --action-ink: #fbf9f4;
  --wine: #7e2f27;         /* ボルドー：英字の小見出し・番号・強調 */
  --wine-soft: #f3e6e1;
  --taupe: #6d6656;        /* COMPANY などの小さな英字ラベル */

  /* データ系列（色覚多様性の検証済み） */
  --s1: #2b5aa0;
  --s2: #b5472f;
  --s3: #c4932a;

  /* 状態 */
  --good: #2f6b3f;
  --bad: #b5372b;
  --warn: #9a6a12;

  /* 濃紺の面（資料の扉ページ） */
  --night: #0d1f42;
  --night-2: #172b55;
  --night-ink: #f4efe6;
  --night-muted: #c9c0ad;

  --font-jp: "BIZ UDPMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;      /* 見出し */
  --font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif; /* 本文・UI */
  --font-en: "Cormorant Garamond", "Times New Roman", serif;                   /* 英字・数字 */

  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;
  --shadow-pop: 0 24px 60px -28px rgba(13, 31, 66, 0.45);
}

/* アプリ・管理画面はダークモードにも対応（LPはライト固定） */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .themable {
    color-scheme: dark;
    --ink: #f1ece2;
    --ink-2: #c5c0b4;
    --muted: #8f8a7e;
    --paper: #0a1632;
    --surface: #10203f;
    --surface-2: #172b55;
    --sand: #1d3361;
    --line: #22375f;
    --line-strong: #31497a;
    --action: #f1ece2;
    --action-ink: #0d1f42;
    --wine: #e08a7c;
    --wine-soft: #3a2433;
    --taupe: #b8ae9a;
    --s1: #5d8ad0;
    --s2: #d65266;
    --s3: #ad9027;
    --good: #6cc48a;
    --bad: #f08878;
    --warn: #e2b04f;
  }
}