@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/manrope-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/manrope-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/manrope-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/manrope-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Jakarta;
  src: url("/assets/fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Jakarta;
  src: url("/assets/fonts/plus-jakarta-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Jakarta;
  src: url("/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Jakarta;
  src: url("/assets/fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #07071a;
  --bg-deep: #07071a;
  --surface: #0d0d2a;
  --surface-raised: #131335;
  --ink: #ffffff;
  --muted: #b4b4d0;
  --subtle: #9898b8;
  --line: rgba(106, 124, 255, 0.2);
  --indigo: #2d238a;
  --periwinkle: #6a7cff;
  --coral: #ff4d7e;
  --peach: #ffb46a;
  --cream: #ffe9d6;
  --ink-on-cream: #202038;
  --muted-on-cream: #5b586b;
  --signature: linear-gradient(135deg, #2d238a 0%, #6a7cff 32%, #ff4d7e 64%, #ffb46a 100%);
  --font-body: Manrope, system-ui, sans-serif;
  --font-display: Jakarta, system-ui, sans-serif;
  --wrap: 1280px;
  --gutter: clamp(24px, 4.5vw, 64px);
  --section-space: 112px;
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-xl: 48px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}