@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap");

:root {
  --screen-w: 393px;
  --screen-h: 852px;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bg: #070912;
  --bg-raised: #0c1020;
  --surface: #111827;
  --surface-2: #172033;
  --surface-3: #253044;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);

  --text: #f6fbfb;
  --text-soft: #cbd5e1;
  --muted: #7f8b9c;
  --muted-2: #a7b2c2;

  --cyan: #67e8f9;
  --cyan-2: #38bdf8;
  --mint: #a7f3d0;
  --pink: #ec4899;
  --pink-2: #db2777;
  --violet: #8c65ff;
  --amber: #ffd166;
  --danger: #ff6d7a;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 26px;
  --space-8: 32px;

  --radius-2xl: 30px;
  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --text-xs: 10px;
  --text-sm: 11px;
  --text-md: 13px;
  --text-lg: 15px;
  --text-xl: 18px;
  --text-2xl: 21px;
  --text-3xl: 26px;

  --shadow-phone: 0 34px 110px rgba(0, 0, 0, 0.68);
  --shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 12px 30px rgba(0, 0, 0, 0.34);
  --transition-fast: 180ms ease;
}