:root {
  /* Brand and surface */
  --gv-color-navy: #172051;
  /* GV Navyを白へ5%混ぜた淡色。light surface上のhover／カテゴリラベル用。 */
  --gv-color-navy-5: #f3f4f6;
  --gv-color-bg-hover-on-light: #dce1ef;
  --gv-color-gold: #d5b200;
  --gv-color-bg-dark: #0c0d15;
  --gv-color-text-on-dark: #eef3f1;
  --gv-color-text-on-dark-muted: #c1c5d0;
  --gv-color-text-on-light: #172051;
  --gv-color-text-on-light-muted: #44464b;
  --gv-color-border-on-dark: rgba(255, 255, 255, .12);
  --gv-color-border-on-light: rgba(23, 32, 81, .14);
  --gv-background-page-light:
    radial-gradient(90% 900px at 50% 0%, rgba(255, 255, 255, .95), transparent 70%),
    radial-gradient(55% 700px at 88% 280px, rgba(111, 168, 255, .2), transparent 70%),
    radial-gradient(50% 800px at 8% 1100px, rgba(122, 92, 255, .1), transparent 70%),
    radial-gradient(45% 700px at 70% 100%, rgba(213, 178, 0, .08), transparent 70%),
    linear-gradient(180deg, #f3f6fd 0%, #eceff8 55%, #e6eaf5 100%);

  /* Typography */
  --gv-font-family-sans: "DM Sans", "Zen Kaku Gothic New", sans-serif;
  --gv-font-family-display: var(--gv-font-family-sans);
  --gv-font-family-body: var(--gv-font-family-sans);
  --gv-font-family-concept: var(--gv-font-family-sans);
  --gv-h1-size: clamp(52px, 7.5vw, 112px);
  --gv-h1-line-height: .9;
  --gv-h1-weight: 600;
  --gv-h1-letter-spacing: .01em;
  --gv-h1-subtitle-gap: 16px;
  --gv-section-number-size: clamp(56px, 6vw, 80px);
  --gv-section-title-size: clamp(28px, 3.3vw, 46px);
  --gv-section-title-line-height: 1.5;
  --gv-section-title-weight: 700;
  --gv-body-size: 15px;
  --gv-body-weight: 500;
  --gv-tab-weight: 500;
  --gv-dropdown-weight: 500;
  --gv-body-size-mobile: 14px;
  --gv-body-line-height: 2.1;
  --gv-eyebrow-size: 11px;
  --gv-eyebrow-size-mobile: 9px;
  --gv-eyebrow-letter-spacing: .2em;

  /* Layout and rhythm */
  --gv-content: 1200px;
  --gv-gutter: 6vw;
  --gv-section-space: clamp(65px, 7vw, 96px);
  --gv-section-space-mobile: 34px;
  --gv-section-heading-gap: 28px;
  --gv-section-number-gap: 12px;
  --gv-hero-padding-top: clamp(112px, 15vh, 150px);
  --gv-hero-padding-bottom: clamp(48px, 8vh, 80px);
  --gv-panel-radius: min(64px, 9vw);

  /* Motion */
  --gv-ease-expressive: cubic-bezier(.19, 1, .22, 1);
  --gv-motion-char-duration: 1.3s;
  --gv-motion-char-stagger: 28ms;
  --gv-motion-fade-duration: 1.2s;
  --gv-motion-lift-duration: 1.5s;
  --gv-motion-fade-delay: .25s;
  --gv-motion-fade-distance: 26px;
  --gv-motion-parallax-limit: 48px;
  --gv-motion-accordion-duration: 420ms;
}

@media (max-width: 600px) {
  :root {
    --gv-gutter: 6vw;
  }
}