:root {
  /* color */
  --gp-color-navy: #0B1220;
  --gp-color-navy-deep: #080D18;
  --gp-color-accent: #FF4E2B;
  --gp-color-accent-soft: rgba(255, 78, 43, 0.10);
  --gp-color-text: #12151C;
  --gp-color-text-body: #3A4152;
  --gp-color-text-sub: #8A93A3;
  --gp-color-text-sub-dark: #AAB1C0;
  --gp-color-text-footer: #9AA2B2;
  --gp-color-text-footer-sub: #7C8496;
  --gp-color-border: #ECEDF0;
  --gp-color-border-strong: #E2E4E9;
  --gp-color-border-mid: #D7DAE0;
  --gp-color-bg-white: #ffffff;
  --gp-color-bg-light: #F6F7F9;
  --gp-color-bg-light-alt: #F1F2F5;

  /* font */
  --gp-font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

  /* layout */
  --gp-container-width: 1180px;
  --gp-container-width-narrow: 760px;
  --gp-container-width-mid: 1000px;
  --gp-header-height: 76px;
  --gp-header-height-sp: 64px;

  /* radius */
  --gp-radius-pill: 999px;
  --gp-radius-card: 16px;
  --gp-radius-card-lg: 18px;

  /* breakpoint reference (used via media queries directly) */
  --gp-breakpoint-sp: 768px;
}