@font-face {
  font-family: 'Futuristic 1';
  src: url('/assets/uploads/fonts/font_1770340306_ed6c07eb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futuristic 2';
  src: url('/assets/uploads/fonts/font_1770340977_e344487c.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Points 1';
  src: url('/assets/uploads/fonts/font_1772413651_0f7338da.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Secret 1';
  src: url('/assets/uploads/fonts/font_1772414069_4b617b3b.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
    --primary-color: #a78bff;
    --secondary-color: #6f5bff;
    --accent-color: #c9b8ff;
    --bg-color: #0f0d16;
    --text-color: #f4f2ff;
    --font-family: system-ui, sans-serif;
    --font-secondary: system-ui, sans-serif;
    --content-max-width: min(1400px, 100vw);
    --section-padding: min(60px, 12vh);
    --section-height: min(100vh, 100vh);
    --primary-rgb: 167, 139, 255;
    --secondary-rgb: 111, 91, 255;
    --accent-rgb: 201, 184, 255;
    --bg-rgb: 15, 13, 22;
    --bg-secondary: #1d1c24;
    --bg-tertiary: #2e2c34;
    --surface-color: #2e2c34;
    --surface-color-rgb: 46, 44, 52;
    --card: #2e2c34;
    --primary-hover: #866fcc;
    --text-muted: #9896a2;
    --glow-primary: 0 0 10px rgba(167, 139, 255, 0.30), 0 0 20px rgba(167, 139, 255, 0.15);
    --glow-secondary: 0 0 5px rgba(111, 91, 255, 0.35), 0 0 10px rgba(111, 91, 255, 0.18);
    --glow-accent: 0 0 5px rgba(201, 184, 255, 0.28), 0 0 10px rgba(201, 184, 255, 0.14);
    --border-color: rgba(167, 139, 255, 0.18);
    --body-glow-1: rgba(167, 139, 255, 0.07);
    --body-glow-2: rgba(111, 91, 255, 0.08);
    --stroke: rgba(255, 255, 255, 0.06);
}