:root {
    --palette-rose-pine-base: hsl(32deg, 57%, 95%);
    --palette-rose-pine-surface: hsl(35deg, 100%, 98%);
    --palette-rose-pine-overlay: hsl(33deg, 43%, 91%);
    --palette-rose-pine-muted: hsl(257deg, 9%, 61%);
    --palette-rose-pine-subtle: hsl(248deg, 12%, 52%);
    --palette-rose-pine-text: hsl(248deg, 19%, 40%);
    --palette-rose-pine-love: hsl(343deg, 35%, 55%);
    --palette-rose-pine-gold: hsl(35deg, 81%, 56%);
    --palette-rose-pine-rose: hsl(3deg, 53%, 67%);
    --palette-rose-pine-pine: hsl(197deg, 53%, 34%);
    --palette-rose-pine-foam: hsl(189deg, 30%, 48%);
    --palette-rose-pine-iris: hsl(268deg, 21%, 57%);
    --palette-rose-pine-highlight-low: hsl(25deg, 35%, 93%);
    --palette-rose-pine-highlight-med: hsl(10deg, 9%, 86%);
    --palette-rose-pine-highlight-high: hsl(315deg, 4%, 80%);
}
