:root {
  /* Navy */
  --navy-900: #0F2038;
  --navy-800: #16304F;
  --navy-700: #1E3A5F; /* Base */
  --navy-600: #2E4F7A;
  --navy-500: #4A6D99;
  --navy-400: #6687B3;
  --navy-300: #A9BBD1;
  --navy-100: #E4EAF1;
  --navy-50:  #F4F7FA;

  /* Green (Accent) */
  --green-700: #2A5E45;
  --green-600: #3E8564; /* Base */
  --green-500: #57A17E;
  --green-300: #A8D4BC; /* マーカー用 */
  --green-100: #E4F2EA;

  /* Neutral */
  --white:   #FFFFFF;
  --gray-700:#4B5563;
  --gray-500:#8A8F98;
  --gray-300:#D9DEE3;
  --gray-100:#F5F6F8;

  /* Font */
  --font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Helvetica Neue", Arial, sans-serif;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0px 2px 8px rgba(15, 32, 56, 0.08);

  /* Layout */
  --layout-max-width: 1080px;
  --header-height: 64px;
  --scroll-margin-top: 72px;
  --section-padding-y: 64px;
  --section-padding-x: 16px;
  --section1-padding-top: calc(var(--header-height) + var(--section-padding-y));
}