:root{
    --rpDark: #0a0c10; /* Master dark slate charcoal from RetroPulse Logo.jpg */
    --rpCard: #121620; /* Secondary container color */
    --rpPurple: #6b21a8; /* Rich purple ring hue */
    --rpGreen: #15803d; /* Logo green accent */
    --rpRed: #b91c1c; /* Accent red detail */
    --rpYellow: #eab308; /* Gold star highlight */
}

/* Base typography and layout helpers for future pages */
body{
    font-family: 'Inter', sans-serif;
    background-color: var(--rpDark);
    color: #cbd5e1; /* slate-300 fallback */
}

/* Small spacing spacer used to preserve vertical rhythm */
.h-3{ height: .75rem; }

/* Optional utility helpers (small set used by this project) */
.bg-rpDark{ background-color: var(--rpDark); }
.bg-rpCard{ background-color: var(--rpCard); }
.text-rpYellow{ color: var(--rpYellow); }
.text-rpGreen{ color: var(--rpGreen); }
.text-rpRed{ color: var(--rpRed); }
.border-rpPurple{ border-color: var(--rpPurple); }

/* Accessibility helper */
[aria-hidden="true"]{ pointer-events: none; user-select: none; }