:root {
  color-scheme: light;
  --db-primary: #F2557C;
  --db-primary-hover: #E4476C;
  --db-primary-soft: #FFF2F6;
  --db-trust: #245B49;
  --db-trust-soft: #EDF6F1;
  --db-text: #25272B;
  --db-muted: #6B7280;
  --db-border: #E7E3E5;
  --db-surface: #FFFFFF;
  --db-background: #FAFAFA;
  --db-success: #2F9E67;
  --db-success-soft: #EDF8F2;
  --db-info: #3979D9;
  --db-info-soft: #EEF5FF;
  --db-warning: #E39A28;
  --db-warning-soft: #FFF7E8;
  --db-danger: #D65C67;
  --db-danger-soft: #FFF0F2;

  --color-primary: var(--db-primary);
  --color-primary-hover: var(--db-primary-hover);
  --color-primary-soft: var(--db-primary-soft);
  --color-primary-surface: #FFF7FA;
  --color-success: var(--db-success);
  --color-success-soft: var(--db-success-soft);
  --color-info: var(--db-info);
  --color-info-soft: var(--db-info-soft);
  --color-warning: var(--db-warning);
  --color-warning-soft: var(--db-warning-soft);
  --color-ai: #8D69DF;
  --color-ai-soft: #F3EDFF;
  --color-danger: var(--db-danger);
  --color-danger-soft: var(--db-danger-soft);
  --color-text: var(--db-text);
  --color-text-muted: var(--db-muted);
  --color-text-subtle: #777C79;
  --color-border: var(--db-border);
  --color-border-strong: #DED4D8;
  --color-background: var(--db-background);
  --color-surface: var(--db-surface);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 18px;
  --radius-xlarge: 22px;
  --radius-pill: 999px;

  --shadow-card: 0 8px 24px rgba(45, 36, 39, 0.055);
  --shadow-popover: 0 18px 44px rgba(34, 34, 34, 0.12);
  --shadow-focus: 0 0 0 4px rgba(240, 82, 138, 0.20);

  --layout-sidebar-width: 248px;
  --layout-sidebar-collapsed-width: 72px;
  --layout-header-height: 72px;
  --layout-mobile-nav-height: 76px;
  --layout-content-max: 1180px;

  --font-family-base: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-size-page-title: 32px;
  --font-size-section-title: 22px;
  --font-size-card-title: 18px;
  --font-size-body: 15px;
  --font-size-subtle: 13px;
  --font-size-button: 15px;
  --font-size-metric: 34px;
  --line-height-tight: 1.22;
  --line-height-base: 1.55;

  --transition-fast: 120ms ease;
  --transition-base: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms linear;
    --transition-base: 0ms linear;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}