:root {
  --color-main-blue: #123b5d;
  --color-accent-orange: #d43e09;
  --color-accent-orange-lite: #ff9642;
  --color-base: #f7f8f4;
  --color-subtle-background: #e9eef1;
  --color-heading: #111820;
  --color-text: #161a1d;
  --color-surface: #ffffff;
  --color-reverse-text: #ffffff;
  --color-focus: #ffb36f;
  --overlay-dark-40: rgb(0 0 0 / 40%);
  --font-sans: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --header-height: 64px;
  --container: 1280px;
  --container-narrow: 768px;
  --padding-global: 20px;
  --section-large: 64px;
  --radius-small: 4px;
  --radius-medium: 6px;
  --radius-large: 8px;
  --shadow-focus: 0 0 0 3px rgb(255 179 111 / 70%);
}

@media (min-width: 1024px) {
  :root {
    --header-height: 72px;
    --padding-global: 48px;
    --section-large: 112px;
  }
}

@media (min-width: 1280px) {
  :root { --padding-global: 64px; }
}