:root {
  --vm-white: #ffffff;
  --vm-ink: #131313;
  --vm-soft: #f4f4f4;
  --vm-soft-2: #faf7f2;
  --vm-gray-line: #d0d0d0;
  --vm-muted: rgba(19, 19, 19, .58);
  --vm-orange: #f9932a;
  --vm-orange-deep: #e86f1e;
  --vm-gold: #f6bd74;
  --vm-pink: #fe5f7d;
  --vm-pink-soft: #fc7fb9;
  --vm-dark: #131313;
  --vm-dark-soft: #1a1a1a;
  --vm-dark-gray: #3e3e3e;
  --vm-gradient: linear-gradient(100deg, #f9932a 0%, #ffb11a 35%, #fe5f7d 72%, #fc7fb9 100%);

  --color-bg: var(--vm-white);
  --color-text: var(--vm-ink);
  --color-accent: var(--vm-orange);
  --color-accent-strong: var(--vm-orange-deep);
  --color-accent-sub: var(--vm-pink);
  --color-muted: var(--vm-muted);
  --color-line: var(--vm-gray-line);
  --color-surface: var(--vm-soft);
  --color-dark: var(--vm-dark);
  --color-on-dark: var(--vm-white);

  --font-impact: "Anton", "Bebas Neue", "Impact", sans-serif;
  --font-en: "Chakra Petch", "Oswald", sans-serif;
  --font-jp: "Noto Sans JP", sans-serif;

  --radius-none: 0;
  --radius-card: 20px;
  --radius-pill: 999px;
  --radius-button: 999px;

  --space-2xs: .35rem;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: clamp(4rem, 8vw, 8rem);
  --space-section: clamp(5rem, 10vw, 9rem);

  --container: 1120px;
  --container-wide: 1320px;
  --header-height: 78px;
  --button-py: .9rem;
  --button-px: 1.25rem;
  --motion-fast: 180ms;
  --motion-normal: 420ms;
  --ease-main: cubic-bezier(.2, .8, .2, 1);

  --bp-sp: 640px;
  --bp-tablet: 960px;
  --bp-desktop: 1024px;
}