/* AI建築士 ブランドテーマ - design-system.md 準拠
 *
 * 正本: /Volumes/AEGIS/AI/ai-architect/brand/design-system.md
 * 変更時は CMO レビュー必須
 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400&family=Space+Grotesk:wght@300;400;500;600&display=swap');

:root {
  /* ===== Surface ===== */
  --black: #0d0d0d;
  --dark:  #1a1a1a;
  --mid:   #2a2a2a;
  --border:#333;

  /* ===== Brand Blue ===== */
  --blue:        #1a3a6b;
  --blue-light:  #2a5298;
  --blue-accent: #4a7fd4;

  /* ===== Status (建築チェック専用追加) ===== */
  --ok:      #4ade80;
  --warning: #fbbf24;
  --ng:      #f87171;
  --na:      #888;

  /* ===== Text ===== */
  --white: #f5f5f0;
  --muted: #888;

  /* ===== Font ===== */
  --font-sans:  'Space Grotesk', 'Noto Sans JP', sans-serif;
  --font-serif: 'Noto Serif JP', Georgia, serif;
}

/* 前置短線セクションラベル (.section-label) */
.section-label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-sans);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--blue-accent);
  text-transform: uppercase;
  font-weight: 500;
}
.section-label::before {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: var(--blue-accent);
}

/* クレデンシャル Pill */
.cred-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(74, 127, 212, 0.4);
  border-radius: 100px;
  padding: 6px 14px;
  font-family: var(--font-sans);
  font-size: 11px;
  color: var(--blue-accent);
  letter-spacing: 0.08em;
  background: transparent;
}
.cred-pill::before { content: '✦'; font-size: 9px; }

/* ブループリントグリッド背景（オプション・hero に重ねる） */
.blueprint-bg {
  position: relative;
}
.blueprint-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(74, 127, 212, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(74, 127, 212, 0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}
.blueprint-bg > * { position: relative; z-index: 1; }

/* ヘッディング - Noto Serif JP */
h1.brand-serif, h2.brand-serif, h3.brand-serif {
  font-family: var(--font-serif);
  font-weight: 300;
  letter-spacing: -0.005em;
}

/* スクロールバー（ブランド色） */
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
*::-webkit-scrollbar-thumb:hover { background: var(--blue-light); }