CSS Variables

<!DOCTYPE html>
<html>
<head>
    <style>
        :root {
            --warna-utama: #0d2e5c;
            --warna-aksen: #fca311;
            --radius-kartu: 12px;
        }
        .kartu-tema {
            background-color: var(--warna-utama);
            color: white;
            border-bottom: 5px solid var(--warna-aksen);
            border-radius: var(--radius-kartu);
            padding: 20px;
            font-family: sans-serif;
        }
    </style>
</head>
<body>
    <div class="kartu-tema">
        <h3>Tema dengan CSS Variables</h3>
        <p>Mengubah warna utama di :root akan otomatis memperbarui seluruh komponen web.</p>
    </div>
</body>
</html>