/* Radar(表示名は src/config.js の BRAND.name)のデザイントークン(docs/DESIGN.md 3章)。
   配置の考え方: 主役は「スコープ」(話題を点で映す円形の表示面)ひとつ。まわりは計器の地と罫線だけで静かに組む。
   色: 中立色は青みの灰(計器の地)。意味の色は気象レーダーの強度色に合わせ、速報=赤・ダイジェスト=黄・レポート=青・除外=灰。
   ここ以外で色の値を直接書かない。ダークの値は2か所(メディアクエリと [data-theme="dark"])に同じものを書く。 */

:root {
  /* 地と文字 */
  --c-ground: #EEF1F3;      /* 画面の地 */
  --c-surface: #FFFFFF;     /* 面(一覧・入力欄・ダイアログ) */
  --c-surface-2: #F5F7F8;   /* 面の中の区切り(表の見出し・コード) */
  --c-ink: #0E1419;         /* 本文・見出し・主ボタンの地 */
  --c-ink-2: #46515B;       /* 補足 */
  --c-ink-3: #5F6B75;       /* 日時・出典などのメタ情報(地でも 4.5:1 以上) */
  --c-on-ink: #FFFFFF;      /* 墨の地の上の文字 */
  --c-line: #D9DEE2;        /* 意味を持たない区切り線 */
  --c-edge: #7A8691;        /* 入力欄・スイッチの枠(部品 3:1 以上) */
  --c-hover: rgba(14, 20, 25, 0.05);
  --c-scrim: rgba(14, 20, 25, 0.5);

  /* 意味の色(優先度・状態)。文字に使うのは --c-alert と --c-report だけ。黄は地に使い、文字は --c-on-digest */
  --c-alert: #D42A18;       /* 速報・エラー */
  --c-on-alert: #FFFFFF;
  --c-digest: #F5C400;      /* ダイジェスト・注意 */
  --c-digest-edge: #9C7A00; /* 白地の上の黄の輪郭(黄だけでは 3:1 に届かない) */
  --c-on-digest: #0E1419;
  --c-report: #1D66D6;      /* レポート */
  --c-on-report: #FFFFFF;
  --c-monthly: #213A7A;     /* 月次レポート(週次の青を深くしたもの) */
  --c-on-monthly: #FFFFFF;
  --c-ignore: #8A949D;      /* 除外 */
  --c-ok: #1D7A4C;          /* 正常 */

  /* スコープ(表示面) */
  --c-scope: #FFFFFF;
  --c-scope-ring: #BFC8CF;
  --c-scope-grid: #E2E7EB;
  --c-scope-tick: #8C979F;
  --c-scope-sweep: #0E1419;
  --c-zone-alert: rgba(212, 42, 24, 0.075);
  --c-zone-digest: rgba(245, 196, 0, 0.13);
  --c-zone-report: rgba(29, 102, 214, 0.045);

  /* 書体(システムフォントだけ。Web フォントは読み込まない) */
  --font-sans: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif;
  --font-gauge: "DIN Alternate", "DIN Condensed", Bahnschrift, "Roboto Condensed", sans-serif-condensed, "Arial Narrow", var(--font-sans);
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Roboto Mono", "Noto Sans Mono", monospace;

  /* 文字の大きさ(rem。html の font-size で全体が大きくなる) */
  --fs-2xs: 0.6875rem;  /* 11 */
  --fs-xs: 0.75rem;     /* 12 */
  --fs-sm: 0.8125rem;   /* 13 */
  --fs-base: 0.9375rem; /* 15 */
  --fs-md: 1rem;        /* 16 */
  --fs-lg: 1.1875rem;   /* 19 */
  --fs-xl: 1.5rem;      /* 24 */
  --fs-num: 2.25rem;    /* 36 計器の数字 */
  --lh-tight: 1.3;
  --lh-body: 1.65;

  /* 余白(4 の倍数) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;

  /* 線・角・寸法 */
  --bw: 1px;
  --radius: 2px;          /* 角は計器の目盛りに合わせてほぼ直角 */
  --tap: 2.75rem;         /* 押せる部品の最小の高さ 44px */
  --control: 2.5rem;      /* 入力欄・ボタンの高さ 40px */
  --rail-w: 15rem;
  --appbar-h: 3.25rem;
  --tabbar-h: 3.5rem;
  --content-max: 70rem;
  --read-max: 42rem;
  --dur: 160ms;
  --sweep-dur: 8s;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-ground: #0B0F13;
    --c-surface: #12181E;
    --c-surface-2: #182027;
    --c-ink: #E7ECEF;
    --c-ink-2: #A9B4BD;
    --c-ink-3: #8A96A0;
    --c-on-ink: #0B0F13;
    --c-line: #232D36;
    --c-edge: #5F6C77;
    --c-hover: rgba(231, 236, 239, 0.06);
    --c-scrim: rgba(0, 0, 0, 0.62);
    --c-alert: #FF5A47;
    --c-on-alert: #0B0F13;
    --c-digest: #FFD21F;
    --c-digest-edge: #FFD21F;
    --c-on-digest: #0B0F13;
    --c-report: #4C93FF;
    --c-on-report: #0B0F13;
    --c-monthly: #9DB4FF;
    --c-on-monthly: #0B0F13;
    --c-ignore: #6B7782;
    --c-ok: #4CC38A;
    --c-scope: #0D141A;
    --c-scope-ring: #2C3943;
    --c-scope-grid: #19232B;
    --c-scope-tick: #4F5D68;
    --c-scope-sweep: #E7ECEF;
    --c-zone-alert: rgba(255, 90, 71, 0.085);
    --c-zone-digest: rgba(255, 210, 31, 0.055);
    --c-zone-report: rgba(76, 147, 255, 0.05);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-ground: #0B0F13;
  --c-surface: #12181E;
  --c-surface-2: #182027;
  --c-ink: #E7ECEF;
  --c-ink-2: #A9B4BD;
  --c-ink-3: #8A96A0;
  --c-on-ink: #0B0F13;
  --c-line: #232D36;
  --c-edge: #5F6C77;
  --c-hover: rgba(231, 236, 239, 0.06);
  --c-scrim: rgba(0, 0, 0, 0.62);
  --c-alert: #FF5A47;
  --c-on-alert: #0B0F13;
  --c-digest: #FFD21F;
  --c-digest-edge: #FFD21F;
  --c-on-digest: #0B0F13;
  --c-report: #4C93FF;
  --c-on-report: #0B0F13;
  --c-monthly: #9DB4FF;
  --c-on-monthly: #0B0F13;
  --c-ignore: #6B7782;
  --c-ok: #4CC38A;
  --c-scope: #0D141A;
  --c-scope-ring: #2C3943;
  --c-scope-grid: #19232B;
  --c-scope-tick: #4F5D68;
  --c-scope-sweep: #E7ECEF;
  --c-zone-alert: rgba(255, 90, 71, 0.085);
  --c-zone-digest: rgba(255, 210, 31, 0.055);
  --c-zone-report: rgba(76, 147, 255, 0.05);
  color-scheme: dark;
}

/* 文字サイズ(設定 → 表示。この端末だけ) */
html { font-size: 100%; }
html[data-text="l"] { font-size: 115%; }
html[data-text="xl"] { font-size: 130%; }