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

:root {
  --bg-1: #111017;
  --bg-2: #1f1218;
  --bg-3: #2b141d;
  --panel: rgba(255, 255, 255, 0.08);
  --panel-strong: rgba(255, 255, 255, 0.15);
  --line: rgba(255, 255, 255, 0.14);
  --text: #fff7f4;
  --muted: #d2c2c2;
  --accent-coral: #ff7f57;
  --accent-pink: #ff5cc9;
  --accent-gold: #ffcc62;
  --accent-mint: #67f5c8;
  --danger: #ff5f82;
  --ok: #7dffc6;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --shadow-soft: 0 14px 42px rgba(0, 0, 0, 0.36);
  --shadow-focus: 0 0 0 3px rgba(255, 127, 87, 0.35);
  --font-title: "Outfit", "Avenir Next", sans-serif;
  --font-body: "Manrope", "Avenir", "Helvetica Neue", sans-serif;
}