@import url("https://fonts.googleapis.com/css2?family=Lilita+One&family=Nunito+Sans:opsz,wght@6..12,400..900&display=swap");

:root {
  --screen-w: 393px;
  --screen-h: 852px;
  --font-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bg: #111213;
  --bg-deep: #0d0f10;
  --surface: #2b2d2d;
  --surface-2: #343636;
  --surface-3: #454545;
  --surface-soft: rgba(255, 255, 255, 0.12);
  --line: rgba(255, 255, 255, 0.12);

  --text: #f7f7f7;
  --text-soft: #d6d7dc;
  --muted: #8d929c;
  --muted-2: #b8bdc8;

  --green: #16e878;
  --green-2: #31d97d;
  --lime: #a9ff7c;
  --pink: #ff5f8c;
  --danger-soft: #6b6b6b;

  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 18px 44px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 16px 40px rgba(0, 0, 0, 0.34);
}