@font-face { font-family: Gloock; src: url('../fonts/gloock-regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('../fonts/inter-regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('../fonts/inter-medium.ttf') format('truetype'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url('../fonts/inter-semibold.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }

:root {
  color-scheme: light;
  --color-bg: #fdf8f0;
  --color-surface: #f3eee6;
  --color-secondary: #ebdcc6;
  --color-text: #1f1a11;
  --color-primary: #916929;
  --color-accent: #4c73a8;
  --color-border: #e3ddd6;
  --color-white: #fff;
  --font-display: Gloock, Georgia, serif;
  --font-body: Inter, Arial, sans-serif;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-press: 160ms;
}