:root {
    --palette-rose-pine-base: hsl(249deg, 22%, 12%);
    --palette-rose-pine-surface: hsl(247deg, 23%, 15%);
    --palette-rose-pine-overlay: hsl(248deg, 25%, 18%);
    --palette-rose-pine-muted: hsl(249deg, 12%, 47%);
    --palette-rose-pine-subtle: hsl(248deg, 15%, 61%);
    --palette-rose-pine-text: hsl(245deg, 50%, 91%);
    --palette-rose-pine-love: hsl(343deg, 76%, 68%);
    --palette-rose-pine-gold: hsl(35deg, 88%, 72%);
    --palette-rose-pine-rose: hsl(2deg, 55%, 83%);
    --palette-rose-pine-pine: hsl(197deg, 49%, 38%);
    --palette-rose-pine-foam: hsl(189deg, 43%, 73%);
    --palette-rose-pine-iris: hsl(267deg, 57%, 78%);
    --palette-rose-pine-highlight-low: hsl(244deg, 18%, 15%);
    --palette-rose-pine-highlight-med: hsl(249deg, 15%, 28%);
    --palette-rose-pine-highlight-high: hsl(248deg, 13%, 36%);
}