:root {

  /* Colores principales */
  --color-primario: #00c853;
  --color-primario-oscuro: #078137;
  --color-secundario: #aa22c5;
  --color-oscuro: #111;
  --color-light: #f5f5f5eb;
  --color-gray: #777;
  --color-blanco: #ffffff;

  /* Tipografía */
  --font-main:  "Open Sans", sans-serif;
  --font-main2: "Shadows Into Light", cursive;

  /* Sombras */
  --shadow-soft: 0 8px 20px rgba(0,0,0,0.05);
  --shadow-medium: 0 4px 15px rgba(0,0,0,0.4);

  /* Bordes */
  --radius-small: 10px;
  --radius-medium: 16px;
  --radius-large: 30px;

  /* Transiciones */
  --transition: 0.3s ease;

  --border-radius: 10px;

}