:root{
    color-scheme: dark;
    --rupa-taip-paparan: "Signika Negative", Tahoma, Verdana, sans-serif;
    --rupa-taip-tajuk: "Montserrat", Roboto, sans-serif;
    --rupa-taip-asas: "Inter", system-ui, Verdana, sans-serif;
    --rupa-taip-mono: "DM Mono", Helvetica, sans-serif;

    --saiz-suku: 0.25rem;
    --saiz-separuh: 0.5rem;
    --saiz-penuh: 1rem;
    --saiz-ganda: 2rem;

    --saiz-h1: 1.6rem;
    --saiz-h2: 1.45rem;
    --saiz-h3 : 1.3rem;
    --saiz-h4: 1.2rem;
    --saiz-h5: 1.15rem;
    --saiz-h6: 1.1rem;

    --tinggi-baris: 1.5;

    --saiz-tinggi-navigasi: calc( var(--saiz-penuh) * 4 );

    --warna-lebih-gelap: hsl(251, 78%, 5%);
    --warna-gelap: hsl(249, 47%, 15%);
    --warna-lebih-cerah: hsl(69, 28%, 95%);
    --warna-cerah: hsl(0, 0%, 83%);
    --warna-normal: hsl(260, 46%, 32%);
    
    --warna-perdana: hsl(75, 65%, 51%);
    --warna-sekunder: hsl(286, 94%, 35%);
    --warna-tertier: hsl(27, 87%, 49%);

    --warna-amaran: hsl(56, 96%, 54%);
    --warna-amaran-cerah: hsl(56, 84%, 83%);
    --warna-amaran-gelap: hsl(56, 98%, 44%);
    --warna-bahaya: hsl(1, 99%, 64%);
    --warna-bahaya-cerah: hsl(1, 80%, 90%);
    --warna-bahaya-gelap: hsl(1, 72%, 35%);
    --warna-bahaya-lebih-gelap: hsl(1, 73%, 25%);
    --warna-berjaya: hsl(144, 92%, 41%);
    --warna-berjaya-gelap: hsl(144, 97%, 15%);
    --warna-berjaya-cerah: hsl(143, 94%, 82%);
    --warna-info: hsl(196, 78%, 56%);
    --warna-info-cerah: hsl(196, 78%, 86%);
    --warna-info-gelap: hsl(219, 97%, 55%);
    --warna-info-lebih-gelap: hsl(219, 97%, 30%);
    --warna-notis: hsl(213, 91%, 47%);
    --warna-notis-cerah: hsl(213, 96%, 81%);
    --warna-notis-gelap: hsl(213, 96%, 22%);
    --warna-peringatan: hsl(21, 100%, 48%);
    --warna-peringatan-cerah: hsl(21, 92%, 85%);
    --warna-peringatan-gelap: hsl(21, 99%, 30%);
    --warna-petunjuk: hsl(56, 76%, 61%);
    --warna-petunjuk-cerah: hsl(56, 91%, 87%);
    --warna-petunjuk-gelap: hsl(56, 98%, 34%);
    --warna-petunjuk-lebih-gelap: hsl(56, 97%, 23%);
    --warna-ralat: hsl(0, 100%, 86%);
    --warna-ralat-cerah: hsl(0, 92%, 77%);
    --warna-ralat-gelap: hsl(0, 42%, 52%);

    --warna-lalai: hsl(226, 31%, 37%);
    --warna-lalai-cerah: hsl(120, 6%, 87%);
    --warna-lalai-gelap: hsla(226, 30%, 27%, 1);
    --warna-lapisan: hsla(260, 46%, 32%, 0.5);
    --warna-lapisan-cerah: hsla(259, 87%, 70%, 0.5);
    --warna-lapisan-gelap: hsla(249, 47%, 15%,0.5);
    --warna-nyahdaya: hsl(74, 11%, 31%);

    --warna-bayang-bayang-gelap: hsla(198, 33%, 6%, 0.5);
    --warna-bayang-bayang-cerah: hsla(0, 0%, 100%, 0.5);

    --warna-penanda-kod-komen: hsl(120, 100%, 25%);
    --warna-penanda-kod-tag: hsl(174, 38%, 95%);
    --warna-penanda-kod-tag-nama: hsl(133, 94%, 46%);
    --warna-penanda-kod-pengecam: hsl(174, 38%, 95%);
    --warna-penanda-kod-pengecam-nama: hsl(184, 85%, 55%);
    --warna-penanda-kod-nilai: hsl(309, 99%, 40%);

    --warna-tahap-terbaik: hsl(144, 99%, 52%);
    --warna-tahap-memuaskan: hsl(68, 87%, 58%);
    --warna-tahap-bagus: hsl(127, 100%, 36%);
    --warna-tahap-biasa: hsl(68, 93%, 38%);
    --warna-tahap-terhad: hsl(28, 93%, 47%);
    --warna-tahap-rendah: hsl(41, 95%, 50%);
    --warna-tahap-lemah: hsl(41, 33%, 46%);

}