: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: 103, 143, 128;
    --ciel: 0, 170, 187;

    --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, 153;
    --nuit: 0, 68, 85;
    --fin-nuit: 0, 34, 51;

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

    --texte-base: 255, 255, 255;

    --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: 51, 51, 51;
    --fond: rgb(var(--fond-base));
    --fond-2-base: 68, 68, 68;    
    --fond-2: rgba(var(--fond-2-base), 1);
    --fond-programme: rgba(58, 58, 58, 0.97);
    --fond-sw: rgba(58, 58, 58, 0.5);
    --fond-poi: rgba(69, 69, 69, 0.75);

    --fond-form: rgba(102, 102, 102, 0.40);
    --fond-3: rgba(var(--vert), 0.1);
    --fond-4: rgba(var(--bleu), 0.1);

    --comm-gauche: #00889940;
    --comm-droite: #00445540;
    
    --barre: #666;
    --menu-sep: rgba(255, 255, 255, 0.25);

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

    --miniature: #282828;

    --loading: rgba(var(--fond-base), 0.75);
    --loading-icon: url(/img/icons/dark/loading.svg);
    --select-icon: url(/img/icons/dark/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: #666;
    --scrollbar-thumb-hover: #aaa;
    --scrollbar-thumb-border: rgba(var(--fond-base), 0.5);

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

    --tvguide-header-hover: rgba(68, 68, 68, 0.97);
    --tvguide-header-nohover-hover: rgba(58, 58, 58, 0.97);

    --flag: rgba(69, 69, 69, 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);   
}