/* ============================================
   とちぎAI — Design Tokens (Web media redesign 2026-08-20)
   白基調 × 藍 #1F4E79 一滴。深い青緑を影として少量。
   地方メディアの落ち着きと信頼感・ヘアライン・Noto Sans JP＋明朝アクセント。
   Overrides parent uravation-base variables.
   ============================================ */
:root {
  /* Ink */
  --ink: #1A222C;
  --ink-2: #26313D;
  --ink-3: #37434F;

  /* Accent: 藍（一滴） */
  --accent: #1F4E79;
  --accent-soft: #8FA9C2;
  --accent-dark: #16395A;
  --accent-deep: #0E2740;
  --accent-light: #E5EDF4;
  --accent-bg: rgba(31, 78, 121, 0.06);
  --accent-warm: #8A6D3B;
  --accent-sky: #3D7AB5;
  --accent-tetsu: #2F5D5A; /* 深い青緑（帯・影で少量） */

  --color-primary: var(--accent);
  --color-primary-dark: var(--accent-dark);

  /* Surfaces — 白基調 */
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-bg-alt: #F3F5F8;
  --color-bg-dark: #0E1720;
  --color-border: rgba(26, 34, 44, 0.10);
  --color-text: #1A222C;
  --color-text-2: #26313D;
  --color-text-light: #55616E;
  --color-text-muted: #6B7885;

  /* Gradients — var名は親互換のため維持（値は藍系へ） */
  --gradient-hero: linear-gradient(135deg, #0E1720 0%, #12283C 55%, #1F4E79 100%);
  --gradient-card: linear-gradient(135deg, #16395A 0%, #1F4E79 100%);
  --gradient-accent: linear-gradient(135deg, #1F4E79 0%, #16395A 100%);
  --gradient-subhero: linear-gradient(135deg, #0E2740 0%, #1F4E79 62%, #2F5D5A 135%);

  /* Shadows — 控えめ（ヘアライン主体） */
  --shadow-card: 0 1px 2px rgba(26, 34, 44, 0.05);
  --shadow-card-hover: 0 6px 20px rgba(26, 34, 44, 0.10);
  --shadow-1: 0 1px 3px rgba(26, 34, 44, 0.07);

  /* Hairlines */
  --hairline: 1px solid rgba(26, 34, 44, 0.10);
  --hairline-strong: 1px solid rgba(26, 34, 44, 0.16);

  /* カテゴリピルの淡色（和紙系の淡い差し色） */
  --chip-workflow: #E7EEF5; /* 藍白 */
  --chip-training: #E8F0EC; /* 青磁 */
  --chip-grants: #F4EFE3;   /* 生成り */
  --chip-case: #EEEAF1;     /* 藤鼠 */
  --chip-news: #F0F1EE;     /* 白鼠 */

  /* Typography — 日本語17px・行間1.9 / 見出しの一部に明朝 */
  --font-en: 'Montserrat', 'Montserrat Fallback', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ja: 'Noto Sans JP', 'Noto Sans JP Fallback', -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  --font-heading: 'Noto Sans JP', 'Noto Sans JP Fallback', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  --font-serif-ja: 'Noto Serif JP', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
  --fs-body: 1.7rem;
  --lh-body: 1.9;
  --lh-content: 1.9;

  /* Radius — 角丸最小限 */
  --radius-card: 4px;
  --radius-sm: 3px;
  --radius-btn: 4px;

  /* Layout */
  --max-width: 1160px;
  --header-height: 0px; /* 静的ヘッダー（固定ヘッダー廃止）— scroll-margin用に0 */
  --article-max-width: 680px; /* 記事読み幅 */
}