:root {
  --color-bg-light: #020617;
  --color-bg-dark: #020617;
  --color-text: #e5e7eb;

  /* valores iniciales del glass dinámico */
  --glass-blur: 18px;
  --glass-intensity: 0.18;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, #0f172a 0%, #020617 60%, #000 100%);
  color: var(--color-text);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
}

/* Para que el componente no se pegue a los bordes */
random-card {
  width: 100%;
  max-width: 520px;
}