@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('./fonts/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --bahala-midnight-950: #060817;
  --bahala-midnight-900: #0b1026;
  --bahala-midnight-800: #111936;
  --bahala-violet-600: #5b38e8;
  --bahala-violet-500: #6f4bff;
  --bahala-violet-400: #8b6cff;
  --bahala-lilac-300: #b7a5ff;
  --bahala-sunset-500: #ff8457;
  --bahala-sunset-300: #ffbe9f;
  --bahala-paper-100: #f7f5ef;
  --bahala-paper-50: #fcfbf8;
  --bahala-ink-900: #111322;
  --bahala-white: #ffffff;
  --bahala-success-500: #2ed3a2;
  --bahala-gradient-brand: linear-gradient(135deg, #8b6cff 0%, #6f4bff 52%, #ff8457 100%);
  --bahala-font: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bahala-radius-sm: 10px;
  --bahala-radius-md: 18px;
  --bahala-radius-lg: 28px;
  --bahala-radius-xl: 40px;
  --bahala-shadow-soft: 0 12px 34px rgba(17, 19, 34, 0.1);
  --bahala-shadow-elevated: 0 24px 70px rgba(6, 8, 23, 0.24);
}
.bahala-display {
  font: 800 clamp(3rem, 7vw, 6.5rem) / 0.96 var(--bahala-font);
  letter-spacing: -0.045em;
}
.bahala-heading {
  font: 700 clamp(2rem, 4vw, 3.5rem) / 1.02 var(--bahala-font);
  letter-spacing: -0.03em;
}
.bahala-body {
  font: 400 1rem/1.65 var(--bahala-font);
  letter-spacing: -0.01em;
}
.bahala-button {
  font: 700 0.95rem/1 var(--bahala-font);
  border-radius: 999px;
}