:root {
  --bg:         #ffffff;
  --bg-dark:    #111111;
  --bg-gray:    #f9f9f9;
  --text:       #111111;
  --text-muted: #919191;
  --border:     #e0e0e0;
  --btn-bg:     #111111;
  --btn-text:   #ffffff;

  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   20px;
  --text-xl:   28px;
  --text-2xl:  36px;
  --text-3xl:  48px;

  --space-section: 96px;
  --space-inner:   48px;
  --gap:           24px;

  --header-h-sp: 56px;
  --header-h-pc: 85px;
}

@media (min-width: 769px) {
  :root {
    --cw: min(80vw, 1400px);
    --ml: calc((100vw - var(--cw)) / 2);
  }
}