:root {
  /* Cores aprovadas — versão 1 */
  --rb-navy: #0b1f33;
  --rb-navy-2: #102c48;
  --rb-ink: #07111d;
  --rb-cyan: #11c5d9;
  --rb-yellow: #ffd52a;
  --rb-paper: #f7fafc;
  --rb-white: #ffffff;
  --rb-mist: #e8eef3;
  --rb-muted: #5c7084;
  --rb-red: #df3944;

  /* Tipografia aprovada */
  --rb-font-display: "Space Grotesk", sans-serif;
  --rb-font-body: "IBM Plex Sans", sans-serif;

  /* Geometria e profundidade aprovadas */
  --rb-radius-control: 4px;
  --rb-radius-card: 8px;
  --rb-radius-pill: 999px;
  --rb-border: 1px solid rgba(11, 31, 51, 0.12);
  --rb-shadow: 0 22px 50px rgba(7, 17, 29, 0.13);
  --rb-shadow-graphic: 7px 7px 0 var(--rb-cyan);

  /* Escala de espaçamento */
  --rb-space-1: 0.25rem;
  --rb-space-2: 0.5rem;
  --rb-space-3: 0.75rem;
  --rb-space-4: 1rem;
  --rb-space-6: 1.5rem;
  --rb-space-8: 2rem;
  --rb-space-12: 3rem;
  --rb-space-16: 4rem;
  --rb-space-24: 6rem;

  /* Movimento */
  --rb-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --rb-duration-fast: 180ms;
  --rb-duration-base: 240ms;
}

