/* =====================================================
   kanata — CSS変数・ベーススタイル
   テーマ変更は :root 変数だけ書き換えてください
   ===================================================== */

:root {
  /* ── ブランドカラー（kanata: ネイビー/信頼） ── */
  --clr-accent:        #1a4a7a;
  --clr-accent-rgb:    26, 74, 122;
  --clr-accent-lit:    #3b7abf;
  --clr-accent-dark:   #0d2d4f;

  /* ── サイドバー背景 ── */
  --clr-hero-bg-1:     #0d1b2a;
  --clr-hero-bg-2:     #112236;
  --clr-hero-bg-3:     #162d45;

  /* ── 薄いブランド背景 ── */
  --clr-surface-tint:  #f0f5fb;
  --clr-surface-tint2: #e0ecf7;

  /* ── 背景・サーフェス ── */
  --clr-bg:            #0d1b2a;
  --clr-surface:       #112236;
  --clr-surface2:      #162d45;

  /* ── テキスト ── */
  --clr-text:          #ffffff;
  --clr-text-muted:    rgba(255, 255, 255, 0.55);
  --clr-text-subtle:   #6b7280;

  /* ── ボーダー ── */
  --clr-border:        rgba(255, 255, 255, 0.10);

  /* ── フォント ── */
  --font-sans:         'Noto Sans JP', sans-serif;
  --font-serif:        'Noto Serif JP', serif;

  /* ── LINE ── */
  --clr-line:          #06C755;

  /* ── ブログ公開テンプレート用（boolabo_base/templates/public/blog/ が参照） ── */
  --color-primary:     #1a4a7a;
  --color-sub:         #e0ecf7;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background: var(--clr-bg);
  color: var(--clr-text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}