:root {
  --color-canvas: #0f1218;
  --color-surface: #141923;
  --color-surface-raised: #19202b;
  --color-text: #e7ebf2;
  --color-text-soft: #a8b0bd;
  --color-muted: #7f8998;
  --color-line: #28313d;
  --color-line-strong: #394555;
  --color-accent: #91a6ce;
  --color-accent-soft: #657696;
  --color-positive: #6f9989;
  --color-pending: #9a8371;
  --color-focus: #c2d2ef;
  --color-button: #dce3ed;
  --color-button-hover: #eef2f7;
  --color-button-text: #12161d;
  --color-overlay: rgba(15, 18, 24, 0.96);
  --color-transparent: rgba(0, 0, 0, 0);

  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 520;
  --weight-semibold: 620;

  --type-meta: 0.6875rem;
  --type-label: 0.75rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-lead: clamp(1.05rem, 1.5vw, 1.3rem);
  --type-row: clamp(1.25rem, 2vw, 1.75rem);
  --type-section: clamp(2.25rem, 5vw, 5rem);
  --type-hero: clamp(3.5rem, 8.6vw, 8.8rem);
  --type-price: clamp(2rem, 4vw, 4rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-40: 10rem;

  --radius-control: 0.5rem;
  --radius-card: 1rem;
  --radius-panel: 1.5rem;
  --radius-circle: 50%;

  --page-gutter: clamp(1rem, 3vw, 3rem);
  --page-max: 90rem;
  --copy-measure: 42.5rem;
  --nav-height: 4.5rem;
  --touch-target: 2.75rem;
  --rule: 1px solid var(--color-line);
  --rule-strong: 1px solid var(--color-line-strong);
  --focus-ring: 2px solid var(--color-focus);
  --motion-fast: 160ms;
  --motion-menu: 240ms;
  --motion-axis: 640ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}