/* ==========================================================
   法人税確認事項ツール — 共通カラーテーマ（sapo10と同系統）
   全ページで最初に読み込まれる CSS 変数定義
   ========================================================== */

:root {
  /* --- Navy (メインカラー) --- */
  --navy-50: #f0f4f8;
  --navy-100: #d9e2ec;
  --navy-200: #bcccdc;
  --navy-300: #9fb3c8;
  --navy-400: #829ab1;
  --navy-500: #627d98;
  --navy-600: #486581;
  --navy-700: #334e68;
  --navy-800: #243b53;
  --navy-900: #102a43;

  /* --- Amber (アクセントカラー) --- */
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;

  /* --- 状態色 --- */
  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --red-50: #fef2f2;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --purple-400: #a78bfa;
  --purple-500: #8b5cf6;

  --white: #ffffff;
  --bg-soft: #f7f9fc;

  /* --- タイポグラフィ --- */
  --font-jp: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', "Yu Gothic", sans-serif;
  --font-en: 'Inter', 'Noto Sans JP', sans-serif;

  /* --- シャドウ --- */
  --shadow-sm: 0 1px 3px rgba(16, 42, 67, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 42, 67, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 42, 67, 0.10);
  --shadow-xl: 0 24px 48px rgba(16, 42, 67, 0.12);

  /* --- 角丸 --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 100px;

  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* === Render版互換のエイリアス（mapping.css などが使用） === */
  --c-dark: var(--navy-800);
  --c-main: var(--navy-700);
  --c-gold: var(--amber-500);
  --c-cream: var(--amber-50);
  --c-sub: #f1f5f9;
  --c-text-dark: var(--navy-900);
  --c-text-body: var(--navy-700);
  --c-white: var(--white);
  --c-error: var(--red-500);
  --c-success: var(--green-500);
  --c-bg: var(--bg-soft);
  --c-required: var(--red-500);
  --c-optional: var(--navy-400);
}

/* --- Reset --- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-jp);
  color: var(--navy-800);
  line-height: 1.7;
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button { cursor: pointer; font-family: inherit; }
img { max-width: 100%; display: block; }