/* =====================================================
   TV CUBO DISPATCHARR EDITION
   Tema visual - primeira etapa
   ===================================================== */

:root {
    --tvcubo-graphite: #0B1426;
    --tvcubo-petroleum: #123B50;
    --tvcubo-cyan: #00BEE6;
    --tvcubo-gold: #D4AF37;
    --tvcubo-orange: #FF6A00;
    --tvcubo-magenta: #B832A8;
    --tvcubo-ice: #F4F6FA;

    --mantine-primary-color-0: #E0FAFF;
    --mantine-primary-color-1: #B8F1FC;
    --mantine-primary-color-2: #8BE7F8;
    --mantine-primary-color-3: #5DDBF2;
    --mantine-primary-color-4: #35D0EC;
    --mantine-primary-color-5: #12C5E7;
    --mantine-primary-color-6: #00BEE6;
    --mantine-primary-color-7: #009DBF;
    --mantine-primary-color-8: #007D99;
    --mantine-primary-color-9: #005D73;

    --mantine-primary-color-filled: #00BEE6;
    --mantine-primary-color-filled-hover: #009DBF;
    --mantine-primary-color-light: rgba(0, 190, 230, 0.15);
    --mantine-primary-color-light-hover: rgba(0, 190, 230, 0.22);
    --mantine-primary-color-light-color: #35D0EC;
    --mantine-primary-color-contrast: #0B1426;
}

:root[data-mantine-color-scheme="dark"],
[data-mantine-color-scheme="dark"] {
    color-scheme: dark;

    --mantine-color-body: #0B1426;
    --mantine-color-text: #F4F6FA;

    --mantine-color-dark-0: #F4F6FA;
    --mantine-color-dark-1: #D9E2EC;
    --mantine-color-dark-2: #AFC0CE;
    --mantine-color-dark-3: #8297A8;
    --mantine-color-dark-4: #526B7C;
    --mantine-color-dark-5: #345064;
    --mantine-color-dark-6: #1B4054;
    --mantine-color-dark-7: #123B50;
    --mantine-color-dark-8: #0F263B;
    --mantine-color-dark-9: #0B1426;

    --mantine-color-dark-filled: #123B50;
    --mantine-color-dark-filled-hover: #1B4054;
}

html,
body {
    background-color: var(--tvcubo-graphite);
}

body {
    color: var(--tvcubo-ice);
}

#root {
    min-height: 100vh;
}

::selection {
    background: rgba(0, 190, 230, 0.35);
    color: #F4F6FA;
}