/*
 Theme Name: Global Trade Harbor (Child for FAKE TCD074)
 Description: TCDテーマ「FAKE (tcd074)」の子テーマ。カスタマイズはこの子テーマ内で行ってください。
 Author: Freelance Inc.
 Version: 2.9.2
 Template: fake_tcd074
 Text Domain: gth-fake-child
*/

/* ここから下にカスタムCSSを書いてください */

/* 色と余白の変数（必要に応じて変更） */
:root {
  --brand: #0b6cff;
  --brand-dark: #084db5;
  --text: #222;
  --muted: #666;
  --bg: #fff;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --radius: 8px;
}

html { scroll-behavior: smooth; }
body { color: var(--text); background: var(--bg); }
a { color: var(--brand); text-decoration: none; }
a:hover, a:focus { color: var(--brand-dark); text-decoration: underline; }

/* よくある上書き例（クラス名は必要に応じて調整） */
.site-header .global-nav a { padding: var(--space-3) var(--space-4); font-weight: 600; }
.site-header .global-nav a:hover { color: var(--brand); }

.btn, a.btn, button, input[type="submit"] {
  background: var(--brand); color:#fff; border:0; border-radius: var(--radius);
  padding:.65rem 1.1rem; transition: background .2s ease;
}
.btn:hover, a.btn:hover, button:hover, input[type="submit"]:hover { background: var(--brand-dark); color:#fff; }

/* デバッグ（子CSSが効いているか確認したい時だけ有効化） */
/* html { border-top: 4px solid red !important; } */
