/* Google Fonts — cole no <head>:
   <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;700&display=swap" rel="stylesheet">
*/

:root {
  --bg: #0c0c14;
  --text: #ededf0;
  --bg-card: #0c0c14;
  --text-card: #ededf0;
  --accent: #8b76e8;
  --font-title: 'Bebas Neue', sans-serif;
  --font-size-title: 2.5rem;
  --title-letter-spacing: 0.025em;
  --title-line-height: 1.1;
  --font-body: 'Inter', sans-serif;
  --font-size-body: 15px;
  --body-letter-spacing: -0.005em;
  --body-line-height: 1.5;
  --font-label: monospace;
  --font-size-label: 0.75rem;
  --card-title-size: 1rem;
  --card-title-ls: 0.035em;
  --card-intro-size: 0.55rem;
  --card-w: 260px;
  --card-h: 180px;
  --landing-img-opacity: 0.3;
  --backdrop-blur: 6px;
  --backdrop-opacity: 0.55;
  --backdrop-opacity-landing: 0.25;
  --hl-color: rgba(139, 118, 232, 0.38);
  --hl-duration: 1s;
  --hl-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --btn-bg: rgba(255,255,255,0.06);
  --btn-border: rgba(255,255,255,0.13);
  --btn-bg-hover: rgba(255,255,255,0.12);
  --btn-border-hover: rgba(255,255,255,0.28);
  --divider: rgba(255,255,255,0.07);
}