:root {
    --hp-panel-width: 1100px;
    --hp-form-width: 600px;
    --pnri-indent-width: 700px;
    --pnri-white: #ffffff;
    --pnri-black: #000000;
    --pnri-cyan: #94ffff;
    --pnri-cyan-70: #94ffffbf;
    --pnri-cyan-50: #94ffff88;
    --pnri-cyan-transparent: #94ffff00;
    --pnri-teal: #64f8bc;
    --pnri-yellow: #ffe400;
    --pnri-yellow-30: #ffe40033;
    --pnri-off-white: #f5f5f5;
    --pnri-jupiter: #e1e1e1;
    --pnri-dew: #ecffff;
    --pnri-frosted-mint: #dffff0;
    --pnri-foam: #effef8;
    --pnri-jagged-ice: #bce8e8;
    --pnri-aquamarine: #c3fde5;
    --pnri-web-orange: #ffa800;
    --pnri-heliotrope: #c08cff;
    --pnri-tickle-me-pink: #ff82af;
    --pnri-neon-carrot: #ff9734;
    --pnri-hint-of-green: #f0fff7;
    --pnri-button-background: var(--pnri-cyan);
    --pnri-button-background-hover: var(--pnri-teal);
    --pnri-button-text: var(--pnri-black);
    --pnri-button-border: none;
    --pnri-body-font: "Roboto", sans-serif;
    --pnri-header-font: "InterFace", sans-serif;
    --pnri-link: var(--pnri-cyan);
    --pnri-link-2: var(--pnri-black);
    --pnri-link-hover: var(--pnri-teal);
    --pnri-link-hover-2: #333333;
    --pnri-border-thin: 1px solid var(--pnri-cyan);
    --pnri-background-transition: background-color 300ms ease-in-out;
    --pnri-text-transition: color 300ms ease-in-out;
    --pnri-gradient: linear-gradient(90deg, var(--pnri-cyan), var(--pnri-teal) 31%, var(--pnri-yellow));
    --pnri-feed-grid-gap: 50px;
}