:root {
  --dua-color-primary: #078cf4;
  --dua-color-primary-dark: #066fc0;
  --dua-color-primary-soft: #dff1ff;
  --dua-color-accent: #ffc20a;
  --dua-color-accent-dark: #8a6100;
  --dua-color-accent-soft: #fff4c7;
  --dua-color-success: #20c957;
  --dua-color-success-dark: #087f39;
  --dua-color-success-soft: #dcf8e6;
  --dua-color-pink: #ff5c93;
  --dua-color-pink-dark: #c93368;
  --dua-color-pink-soft: #ffe0ea;
  --dua-color-purple: #8b5cf6;
  --dua-color-purple-dark: #6633cc;
  --dua-color-purple-soft: #ece5ff;
  --dua-color-ink: #062454;
  --dua-color-text: #17345f;
  --dua-color-muted: #607493;
  --dua-color-line: #cfe3f4;
  --dua-color-canvas: #fff9ee;
  --dua-color-surface: #ffffff;
  --dua-color-danger: #b4233f;
  --dua-color-danger-soft: #fff0f2;
  --dua-shadow-sm: 0 8px 24px rgb(6 36 84 / 8%);
  --dua-shadow-md: 0 18px 48px rgb(7 86 159 / 14%);
  --dua-radius-sm: 12px;
  --dua-radius-md: 20px;
  --dua-radius-lg: 30px;
  --dua-space-1: .25rem;
  --dua-space-2: .5rem;
  --dua-space-3: .75rem;
  --dua-space-4: 1rem;
  --dua-space-5: 1.5rem;
  --dua-space-6: 2rem;
  --dua-space-7: 3rem;
  --dua-space-8: 4.5rem;
  --dua-container: 1180px;
  --dua-bottom-nav-height: 74px;
  --dua-font: Inter, ui-rounded, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}