:root {
  color-scheme: light;

  --color-primary-950: #071f2a;
  --color-primary-900: #0b2b3a;
  --color-primary-800: #0d394b;
  --color-primary-700: #10465b;
  --color-primary-100: #dce8ec;
  --color-primary-50: #edf4f5;

  --color-accent-800: #055649;
  --color-accent-700: #066757;
  --color-accent-600: #087f6d;
  --color-accent-500: #119783;
  --color-accent-200: #a8ddd2;
  --color-accent-100: #ddf3ee;
  --color-accent-50: #effaf7;

  --color-brass-700: #7e541c;
  --color-brass-600: #9b6b24;
  --color-brass-100: #f2e7d3;
  --color-brass-50: #faf6ee;

  --color-danger-700: #923324;
  --color-danger-600: #b44432;
  --color-danger-100: #f7ded9;
  --color-success-700: #12643a;
  --color-success-100: #daf2e3;
  --color-warning-700: #925314;
  --color-warning-100: #f8e9cd;
  --color-info-700: #245c8e;
  --color-info-100: #dcecf8;

  --color-text: #17232b;
  --color-text-secondary: #475961;
  --color-text-muted: #65757c;
  --color-border: #d9e1e3;
  --color-border-strong: #bcc9cd;
  --color-background: #f6f8f7;
  --color-background-raised: #fafcfb;
  --color-surface: #ffffff;
  --color-surface-muted: #eef3f2;
  --color-white: #ffffff;
  --color-black: #0b161b;

  --font-sans: 'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.5rem;
  --text-3xl: clamp(1.75rem, 3vw, 2.35rem);
  --text-4xl: clamp(2.25rem, 5vw, 4.25rem);

  --leading-tight: 1.16;
  --leading-snug: 1.4;
  --leading-normal: 1.65;

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

  --radius-xs: 0.375rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(7, 31, 42, 0.05);
  --shadow-sm: 0 8px 24px -18px rgba(7, 31, 42, 0.32);
  --shadow-md: 0 18px 48px -28px rgba(7, 31, 42, 0.38);
  --shadow-focus: 0 0 0 4px rgba(8, 127, 109, 0.2);

  --container: 77.5rem;
  --header-height: 4.5rem;
  --preview-height: 2.5rem;
  --transition-fast: 150ms cubic-bezier(0.23, 1, 0.32, 1);
  --transition-base: 220ms cubic-bezier(0.23, 1, 0.32, 1);
}