:root {
    --palette-rose-pine-base: hsl(246deg, 24%, 17%);
    --palette-rose-pine-surface: hsl(248deg, 24%, 20%);
    --palette-rose-pine-overlay: hsl(248deg, 21%, 26%);
    --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, 66%, 75%);
    --palette-rose-pine-pine: hsl(197deg, 48%, 47%);
    --palette-rose-pine-foam: hsl(189deg, 43%, 73%);
    --palette-rose-pine-iris: hsl(267deg, 57%, 78%);
    --palette-rose-pine-highlight-low: hsl(245deg, 22%, 20%);
    --palette-rose-pine-highlight-med: hsl(247deg, 16%, 30%);
    --palette-rose-pine-highlight-high: hsl(249deg, 15%, 38%);
}