El archivo global.css

Es el archivo CSS donde colocas los estilos globales de todo el sitio web. Aquí van las reglas que afectan a todas las páginas por igual, como:

• El reinicio básico de CSS (CSS Reset o Normalize).

• La tipografía principal del cuerpo

  body { 
    font-family: ... }
  

• Los colores del fondo global o modo oscuro.

• Variables CSS

  :root { 
    --color-primary: #ff0000;  
    --color-primary: #ff0000;
  }

• Si usas Tailwind CSS, aquí se incluyen sus directivas principales (@import "tailwindcss"; o @tailwind base;).

¿Dónde se ubica?

En la carpeta src/styles de un proyecto Astro.
Por defecto, Astro crea un archivo global.css en esa ubicación.

Ejemplo de un archivo global.css