:root {
    --color-primary: #2f8dda;
    --color-secondary: #256da8;
    --color-tertiary: #e2cb47;

    --color-light: rgb(230, 230, 230);
    --color-dark: rgb(13, 7, 49);
    --color-shadow: rgba(80, 80, 80, 0.15);
    --color-placeholder: rgb(126, 126, 126);

    --hover-brightness: 1.15;
    --active-brightness: 0.85;

    --color-ok: rgb(7, 107, 12);
    --color-warning: rgb(202, 134, 6);
    --color-error: rgb(153, 9, 9);

    --background-color: rgb(247, 247, 247);

    --font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, system-ui, -apple-system, BlinkMacSystemFont;
    --font-size: 12pt;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-color: rgba(10, 10, 10, 1.0);

    --generic-margin: 0 0 0.8em 0;
    --generic-margin-side: 0.8em;

    --round-corner: 4px;
    --desktop-max-width: 1200px;
}