:root {
    --tblr-primary: #004766;
    --tblr-primary-rgb: 0, 71, 102;

    --tblr-primary-darken: #002433;
    --tblr-primary-darken-rgb: 0, 36, 51;

    --tblr-secondary: #f8cb2d;
    --tblr-secondary-rgb: 248, 203, 45;

    --tblr-secondary-darken: #b09612;
    --tblr-secondary-darken-rgb: 176, 150, 18;

    --tblr-gray: #404040;
    --tblr-gray-rgb: 64, 64, 64;
}

body {
    background-color: var(--tblr-primary);
}

.text-primary-darken {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-primary-darken-rgb), var(--tblr-text-opacity)) !important;
}

.text-secondary-darken {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-secondary-darken-rgb), var(--tblr-text-opacity)) !important;
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}