@font-face {
  font-family: 'Aeonis Regular';
  src: url('/fonts/AeonisForMay-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aeonis Heavy';
  src: url('/fonts/AeonisForMay-Heavy.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

:root {
  --color-bg: #f5f3ef;
  --color-surface: #ffffff;
  --color-surface-warm: #fdfcfa;
  --color-surface-dark: #1a1a1a;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6560;
  --color-primary: #1a1a1a;
  --color-primary-contrast: #ffffff;
  --color-accent: #3d5a4c;
  --color-accent-soft: rgba(61, 90, 76, 0.08);
  --color-success: #2c5e4f;
  --color-danger: #a63d40;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --radius-0: 0px;
  --radius-8: 6px;
  --radius-12: 8px;
  --radius-pill: 999px;
  --shadow-1: 0 2px 12px rgba(0, 0, 0, 0.04);
  --shadow-2: 0 8px 32px rgba(0, 0, 0, 0.06);
  --shadow-3: 0 20px 50px rgba(0, 0, 0, 0.1);
  --shadow-soft: 0 4px 20px rgba(61, 90, 76, 0.06);
  --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --font-base: 'Aeonis Regular', 'Inter', sans-serif;
  --font-serif: 'Aeonis Heavy', 'Playfair Display', serif;
}