:root {
  --c-black: #0A0A0A;
  --c-dark-primary: #111111;
  --c-dark-secondary: #1A1A1A;
  --c-dark-tertiary: #222222;
  --c-white: #FFFFFF;
  --c-off-white: #FAFAFA;
  --c-light-gray: #F0F0F0;
  --c-steel: #8A8D93;
  --c-steel-light: #B0B3B8;
  --c-steel-bright: #C8CCD0;
  --c-chrome: #D4D7DC;
  --c-platinum: #E8EAED;
  --c-text-on-dark: #E8EAED;
  --c-text-on-dark-sub: #8A8D93;
  --c-text-on-light: #111111;
  --c-text-on-light-sub: #6B6E73;
  --c-accent: #5B6ABF;
  --c-accent-hover: #4A59A8;
  --c-border-start: #4A4D52;
  --c-border-mid: #8A8D93;
  --c-border-end: #4A4D52;
  --c-card-dark: rgba(255,255,255,0.04);
  --c-card-dark-border: rgba(255,255,255,0.08);
  --c-card-light: #F5F5F5;
  --c-card-light-border: #E5E5E5;
  --font-en: 'Inter', system-ui, -apple-system, sans-serif;
  --font-ja: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
  --fw-xlight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --section-pad: clamp(64px, 10vw, 120px);
  --section-pad-sm: clamp(40px, 6vw, 80px);
  --content-max: 1120px;
  --content-narrow: 800px;
  --card-gap: clamp(16px, 2vw, 28px);
  --card-radius: 12px;
  --btn-radius: 9999px;
  --hero-scroll-h: 300vh;
  --hero-dot-color: rgba(255, 255, 255, 0.06);
  --hero-dot-size: 1px;
  --hero-dot-gap: 24px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-enter: 0.8s;
  --duration-fast: 0.3s;
}