:root {
  /* Color */
  --sz-navy-950: #061A3D;
  --sz-navy-900: #08265C;
  --sz-blue-800: #0B2E6D;
  --sz-blue-700: #0F3B82;
  --sz-blue-500: #2F73D9;
  --sz-blue-200: #A9C8F8;
  --sz-sky-50: #F8FBFF;
  --sz-sky-100: #EFF6FF;
  --sz-slate-900: #111827;
  --sz-slate-800: #25334D;
  --sz-slate-700: #33425C;
  --sz-slate-500: #68758C;
  --sz-slate-300: #BFD0E6;
  --sz-line: #D6E2F2;
  --sz-white: #FFFFFF;
  --sz-gold-100: #FFF3CC;
  --sz-rose-100: #FFE3E8;
  --sz-green-100: #E9F8EF;

  /* Typography */
  --font-sans: 'Noto Sans JP', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Noto Serif JP', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
  --font-number: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --text-display: clamp(2.25rem, 4.2vw, 3.5rem);
  --text-h2: clamp(1.625rem, 2.8vw, 2.125rem);
  --text-h3: clamp(1.25rem, 1.8vw, 1.375rem);
  --text-body: 1rem;
  --text-small: .8125rem;
  --text-price: clamp(3.25rem, 6vw, 4.5rem);

  --leading-display: 1.18;
  --leading-heading: 1.35;
  --leading-body: 1.9;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 120px;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0 18px 40px rgba(6, 26, 61, .10);
  --shadow-soft: 0 8px 28px rgba(6, 26, 61, .08);
  --shadow-cta: 0 16px 32px rgba(6, 26, 61, .22);
  --shadow-cta-rest:  inset 0 1px 0 rgba(255,255,255,.12), 0 1px 2px rgba(6,26,61,.24), 0 10px 24px rgba(6,26,61,.16);
  --shadow-cta-hover: inset 0 1px 0 rgba(255,255,255,.14), 0 2px 4px rgba(6,26,61,.22), 0 16px 32px rgba(6,26,61,.24);
  --shadow-cta-press: inset 0 1px 0 rgba(255,255,255,.10), 0 1px 2px rgba(6,26,61,.20), 0 5px 12px rgba(6,26,61,.14);

  /* Layout */
  --container: 1120px;
  --container-wide: 1240px;
}