@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-400.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-500.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-600.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-700.woff2") format("woff2");
}

:root {
  --primary-purple: #7B46E8;
  --primary-blue: #0084E0;
  --light-blue: #1CDAFF;
  --bg: #F6F5FA;
  --card: #FFFFFF;
  --text: #1A1630;
  --text-muted: #5C5870;
  --border: #E3DFEE;
  --danger: #C43B4A;
  --ok: #1F8F68;
  --radius: 16px;
  --space: 24px;
  --touch: 44px;
  --max-width: 1080px;
  --shadow: 0 12px 40px rgba(26, 22, 48, 0.08);
}