@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: Inter; font-weight: 500; font-display: swap; src: url('../fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: Inter; font-weight: 600; font-display: swap; src: url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: Inter; font-weight: 700; font-display: swap; src: url('../fonts/inter-700.woff2') format('woff2'); }

:root {
  --bg: #FFFFFF;
  --surface: #F5F5F7;
  --border: #E5E5E5;
  --text-1: #1D1D1F;
  --text-2: #6E6E73;
  --text-3: #86868B;
  --font: Inter, -apple-system, system-ui, 'Helvetica Neue', Arial, sans-serif;
  --radius-card: 10px;
  --radius-pill: 50px;
  --radius-sheet: 16px;
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --tap: 180ms;
  --sheet: 450ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #000000;
    --surface: #1D1D1F;
    --border: #2C2C2E;
    --text-1: #F5F5F7;
    --text-2: #86868B;
    --text-3: #636366;
  }
}

:root[data-theme='dark'] {
  --bg: #000000;
  --surface: #1D1D1F;
  --border: #2C2C2E;
  --text-1: #F5F5F7;
  --text-2: #86868B;
  --text-3: #636366;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}