/*
  Tokens do Gem+ — identidade "Estrela Rosa" (magenta #E6007A sobre preto).
  Base de todo o CSS da landing (animations.css, components.css, landing.css).
*/
:root {
  /* Marca */
  --brand: #E6007A;
  --brand-hover: #FF3D9E;
  --brand-active: #B3005F;
  --brand-soft: rgba(230, 0, 122, .12);
  --brand-line: rgba(230, 0, 122, .35);
  --green: #3BA55D;

  /* Superfícies */
  --bg: #050505;
  --surface-1: #0d0d0f;
  --surface-2: #131316;
  --surface-3: #1b1b1f;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);

  /* Texto */
  --text: #f5f5f7;
  --text-2: #a0a0a8;
  --text-3: #6a6a72;

  /* Tipografia */
  --font-display: 'Clash Display', 'Inter', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;

  /* Raio */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-card: 0 24px 60px rgba(0, 0, 0, .55);
  --glow: 0 8px 40px rgba(230, 0, 122, .35);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 5px var(--brand);

  /* Movimento */
  --t-fast: .15s;
  --t-base: .25s;
  --t-slow: .55s;
  --ease-out: cubic-bezier(.4, 0, .2, 1);
  --ease-emphasized: cubic-bezier(.86, 0, .07, 1);

  /* Espaçamento */
  --pad-x: clamp(24px, 5vw, 72px);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
}