/* variables.css – central CSS variables */
:root {
    /* Primary palette – HSL for easy theming */
    --h-primary: 350;   /* hue */
    --s-primary: 80%;   /* saturation */
    --l-primary: 65%;   /* lightness */
    --primary-color: hsl(var(--h-primary), var(--s-primary), var(--l-primary));
    /* Accent / background */
    --bg-light: hsla(0, 0%, 100%, 0.08);
    --bg-dark: hsla(0, 0%, 0%, 0.6);
    --text-light: hsl(0, 0%, 95%);
    --text-dark: hsl(210, 30%, 70%);
    --text-gray: hsl(210, 30%, 70%);
    /* Font families – premium modern fonts */
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Inter', sans-serif;
}