:root {
  --color-background: #fff9ed;
  --color-surface: #ffffff;
  --color-surface-soft: #f9f1ff;

  --color-text-primary: #3f3650;
  --color-text-secondary: #776d85;
  --color-text-muted: #a097aa;

  --color-purple: #8d78cf;
  --color-purple-dark: #6d57b3;
  --color-purple-light: #e4d9fa;

  --color-pink: #efb5c8;
  --color-pink-light: #fce4ec;

  --color-mint: #b8ddd1;
  --color-orange: #efbd82;
  --color-cream: #fff4dc;

  --color-border: rgba(96, 76, 125, 0.12);
  --color-shadow: rgba(71, 53, 96, 0.12);

  --font-primary:
    "Pretendard",
    "Noto Sans KR",
    "Apple SD Gothic Neo",
    Arial,
    sans-serif;

  --page-max-width: 1180px;
  --mobile-content-width: 520px;

  --header-height: 72px;
  --bottom-navigation-height: 76px;

  --radius-small: 12px;
  --radius-medium: 20px;
  --radius-large: 30px;
  --radius-round: 999px;

  --shadow-card:
    0 16px 40px rgba(71, 53, 96, 0.1);

  --transition-fast: 160ms ease;
  --transition-normal: 260ms ease;
}