The universal page footer providing site branding, structured navigation groups (Community & Explore), release tag, and legal details using a responsive CSS Grid system.

Usage

import Footer from "~/components/Footer.astro";

// Rendered globally at the bottom of the page shell
<Footer />

Consumed CSS Tokens

• var(--c-bg-surface) — Elevation background for the footer canvas
• var(--c-border) — Section separation lines and layout borders
• var(--c-brand) — Safety Orange brand highlights and active hover states
• var(--f-mono) — Monospace typography applied to categorized links and bottom tags