@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Bold.ttf") format("truetype");
}

:root {
  --bg-base: #F7F5FC;
  --bg-surface: #FFFFFF;
  --bg-elevated: #EEEAF8;
  --text-primary: #1A1630;
  --text-secondary: #6B6685;
  --text-inverse: #FFFFFF;
  --border-subtle: #E4DFF0;
  --action-primary: #7B6CF6;
  --action-primary-hover: #6A5AE0;
  --accent-soft: #EDE9FE;
  --accent-lavender: #C4B5FD;
  --dark-bg: #16122A;
  --dark-surface: #241E3A;
  --success: #4CAF7A;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --font: "Plus Jakarta Sans", system-ui, sans-serif;
  --shadow-soft: 0 18px 50px rgba(26, 22, 48, 0.12);
  --max: 1120px;
}