:root {
    /* Couleurs */
    --vert: 63, 247, 76;
    --vert-moyen: 147, 201, 14;
    --rouge: 247, 76, 63;
    --rouge-moyen: 153, 72, 120;
    --bleu: 63, 76, 247;
    --bleu-clair: 173, 178, 249;
    --bleu-moyen: 0, 94, 184;
    --le-bleu: 63, 76, 107;
    --bleu-marine: 25, 25, 112;
    --gris: 163, 163, 163;
    --noir: 0, 0, 0;
    --orange: 218, 165, 32;
    --jaune: 217, 255, 0;

    --emoji: invert(74%) sepia(34%) saturate(6335%) hue-rotate(3deg) brightness(105%) contrast(109%);
    --emoji-poop: invert(30%) sepia(88%) saturate(1610%) hue-rotate(32deg) brightness(97%) contrast(101%);

    --terre: 255, 235, 205;
    --ciel: 0, 170, 238;

    --person: var(--gris);
    --lightbulb: var(--vert);
    --plug: var(--jaune);
    --linky: var(--bleu-moyen);
    --thermostat: var(--rouge);
    --smokedetector: var(--orange);
    --iphone: var(--bleu);
    --ipad: var(--bleu-clair);
    --applewatch: var(--vert-moyen);
    --vacuum: var(--bleu-marine);
    --car: var(--le-bleu);
    --macbook: var(--gris);
    --sleep: var(--noir);
    --nintendo-switch: var(--rouge-moyen);
    --steam: var(--rouge-moyen);

    --jour: 0, 136, 204;
    --nuit: 0, 51, 102;
    --fin-nuit: 0, 17, 68;

    /* Variables */    
    --fond-titre: rgba(var(--le-bleu), 1);
    --texte-titre: rgb(var(--blanc));

    --texte-base: 0, 0, 0;

    --texte: rgba(var(--texte-base), 1);
    --texte-2: rgba(var(--texte-base), 0.25);
    --texte-3: rgba(var(--texte-base), 0.5);
    --texte-4: rgba(var(--texte-base), 0.75);
    --texte-lien: rgba(var(--texte-base), 0.6);
    --texte-menu: rgba(var(--texte-base), 0.5);
    --texte-inactif: rgba(var(--texte-base), 0.1);
    --texte-hover: rgba(var(--texte-base), 1);

    --fond-base: var(--blanc);
    --fond: rgb(var(--fond-base));
    --fond-2-base: 238, 238, 238;
    --fond-2: rgba(var(--fond-2-base), 1);
    --fond-programme: rgba(250, 250, 250, 0.97);
    --fond-sw: rgba(250, 250, 250, 0.5);
    --fond-poi: rgba(237, 237, 237, 0.75);

    --fond-form: rgba(221, 221, 221, 0.4);
    --fond-3: rgba(var(--vert), 0.1);
    --fond-4: rgba(var(--bleu), 0.1);

    --comm-gauche: #0088cc20;
    --comm-droite: #00336620;
    
    --barre: #eeeeee;
    --menu-sep: rgba(0, 0, 0, 0.25);

    --tv-now: rgba(var(--rouge), 1);

    --miniature: #e8e8e8;

    --loading: rgba(var(--fond-base), 0.75);
    --loading-icon: url(/img/icons/light/loading.svg);
    --select-icon: url(/img/icons/light/select_down.svg);

    --shade-top: -webkit-linear-gradient(top, rgba(var(--fond-base), 1) 42px, rgba(var(--fond-base), 0));
    --shade-bottom: -webkit-linear-gradient(bottom, rgba(var(--fond-base), 1) 42px, rgba(var(--fond-base), 0));

    --scrollbar-track: rgba(var(--fond-base), 0);
    --scrollbar-thumb: #aaa;
    --scrollbar-thumb-hover: #444;
    --scrollbar-thumb-border: rgba(var(--fond-base), 0.5);

    --hover: rgba(221, 221, 221, 0.5);
    --app-hover: rgba(102, 102, 102, 0.4);
    --footer-hover: rgba(221, 221, 221, 0.5);

    --tvguide-header-hover: rgba(240, 240, 240, 0.97);
    --tvguide-header-nohover-hover: rgba(250, 250, 250, 0.97);

    --flag: rgba(237, 237, 237, 0.5);

    --happy: #79bc6a;
    --middle: #eec20b;
    --dead: #e8416f;

    --air-1: var(--happy);
    --air-2: #bbcf4c;
    --air-3: #eec20b;
    --air-4: #f29305;
    --air-5: var(--dead);
}