:root {
    /* CSS HEX */
    --agro-logo-foreground: #ffffffff;
    --agro-logo-background-primary: #6699ccff;
    --agro-logo-background-secondary: #003399ff;
    --agro-logo-highlight: #0d549cff;

    /* CSS HSL */
    --agro-logo-foreground: hsla(0, 0%, 100%, 1);
    --agro-logo-background-primary: hsla(210, 50%, 60%, 1);
    --agro-logo-background-secondary: hsla(220, 100%, 30%, 1);
    --agro-logo-highlight: hsla(210, 85%, 33%, 1);
}