:root {
  --ink-950: #061827;
  --ink-900: #0a2238;
  --ink-800: #12344f;
  --ink-700: #244b66;
  --ink-600: #49677c;
  --ink-500: #6a8395;
  --ink-300: #b9c8d2;
  --ink-200: #d8e2e8;
  --ink-100: #edf3f6;
  --paper: #f7fafb;
  --white: #ffffff;
  --aqua-600: #047a98;
  --aqua-700: #035d76;
  --aqua-500: #0aa8bd;
  --aqua-400: #27c7d7;
  --aqua-100: #dff7f9;
  --aqua-50: #effcfc;
  --sand: #e8dfd3;
  --font-sans: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;
  --font-serif: var(--font-sans);
  --shell: min(1180px, calc(100vw - 48px));
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --shadow-sm: 0 12px 34px rgb(5 31 48 / 9%);
  --shadow-lg: 0 28px 70px rgb(5 28 44 / 18%);
}

@media (max-width: 700px) {
  :root {
    --shell: min(100% - 32px, 1180px);
  }
}