:root {
  --showcase-color-page: oklch(15% 0.015 252);
  --showcase-color-surface: oklch(18% 0.018 252);
  --showcase-color-raised: oklch(22% 0.02 252);
  --showcase-color-ink: oklch(96% 0.008 245);
  --showcase-color-ink-soft: oklch(76% 0.02 250);
  --showcase-color-muted: oklch(63% 0.02 250);
  --showcase-color-rule: oklch(32% 0.025 250);
  --showcase-color-rule-strong: oklch(42% 0.035 248);
  --showcase-color-grid: var(--showcase-color-rule);
  --showcase-color-edge: oklch(48% 0.045 240);
  --showcase-color-accent: oklch(77% 0.14 220);
  --showcase-color-accent-ink: oklch(18% 0.025 245);
  --showcase-color-focus: oklch(84% 0.15 185);
  --showcase-color-lithium: oklch(78% 0.14 217);
  --showcase-color-medical: oklch(80% 0.14 78);
  --showcase-color-kh: oklch(72% 0.15 285);
  --showcase-color-shared: oklch(84% 0.14 172);
  --showcase-color-danger: oklch(72% 0.18 25);
  --showcase-color-success: oklch(79% 0.15 158);
  --showcase-font-display: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --showcase-font-body: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --showcase-radius-sm: 0.45rem;
  --showcase-radius-md: 0.8rem;
  --showcase-radius-lg: 1.1rem;
  --showcase-space-1: 0.25rem;
  --showcase-space-2: 0.5rem;
  --showcase-space-3: 0.75rem;
  --showcase-space-4: 1rem;
  --showcase-space-5: 1.5rem;
  --showcase-space-6: 2rem;
  --showcase-space-7: 3rem;
  --showcase-space-8: 4.5rem;
  --showcase-duration-short: 160ms;
  --showcase-duration-medium: 280ms;
  --showcase-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --showcase-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --showcase-z-map-controls: 2;
  --showcase-z-nav: 4;
  --showcase-z-alert: 6;
}

[data-theme="light"] {
  --showcase-color-page: oklch(95% 0.012 247);
  --showcase-color-surface: oklch(98% 0.009 247);
  --showcase-color-raised: oklch(90% 0.018 247);
  --showcase-color-ink: oklch(18% 0.025 252);
  --showcase-color-ink-soft: oklch(31% 0.03 252);
  --showcase-color-muted: oklch(42% 0.035 252);
  --showcase-color-rule: oklch(77% 0.032 248);
  --showcase-color-rule-strong: oklch(59% 0.055 248);
  --showcase-color-grid: oklch(72% 0.018 248 / 0.28);
  --showcase-color-edge: oklch(55% 0.07 238);
  --showcase-color-accent: oklch(48% 0.15 225);
  --showcase-color-accent-ink: oklch(98% 0.006 245);
  --showcase-color-focus: oklch(46% 0.16 188);
  --showcase-color-lithium: oklch(47% 0.18 220);
  --showcase-color-medical: oklch(50% 0.17 70);
  --showcase-color-kh: oklch(47% 0.19 285);
  --showcase-color-shared: oklch(49% 0.14 168);
  --showcase-color-danger: oklch(51% 0.19 25);
  --showcase-color-success: oklch(48% 0.14 158);
}