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

/* ブランドカラー変数 */
:root {
  --brand-navy: #1f3269;
  --brand-blue: #1D4ED8;
  --brand-cyan: #0284C7;
  --brand-accent: #F59E0B;
}

/* body および Tailwindの .font-sans を Noto Sans JP で強制上書き */
body,
.font-sans {
  font-family: 'Noto Sans JP', sans-serif !important;
}

/* カスタムユーティリティクラス */
.bg-brand-navy {
  background-color: var(--brand-navy);
}

.text-brand-navy {
  color: var(--brand-navy);
}

.border-brand-navy {
  border-color: var(--brand-navy);
}

.border-brand-navy\/80 {
  border-color: rgba(31, 50, 105, 0.8);
}

.from-brand-navy {
  --tw-gradient-from: var(--brand-navy) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 50 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:border-brand-navy:focus {
  border-color: var(--brand-navy);
}

/* 選択範囲のスタイル */
::selection {
  background-color: var(--brand-navy);
  color: #ffffff;
}