:root {
  --primary: #4078DA;
  --primary-dark: #1E3A8A;
  --primary-dark-rgb: 30, 58, 138;
  --primary-light: #5999F2;
  --primary-rgb: 64, 120, 218;
  --primary-deep: #0F1F4D;
  --primary-mid: #2B5BB0;
  --accent: #E59520;
  --accent-dark: #C07B10;
  --accent-light: #F2B860;
  --accent-rgb: 229, 149, 32;
  --blue-light: #EBF0FF;
  --blue-border: #9BB8F0;
  --blue-border-rgb: 155, 184, 240;
  --bg: #F8F9FC;
  --surface: #ffffff;
  --text: #1A1A2E;
  --text-secondary: #5A5A7A;
  --text-tertiary: #9A9AB0;
  --white: #ffffff;
  --footer-bg: #0A1233;
  --cross-bg: #f0f0f5;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans JP", sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
}