:root {
    --primary-color: <?php echo get_setting('primary_color'); ?>;
    --bg-color: #ffffff;
    --text-color: #000000;
}

body.theme-light {
    --bg-color: #f8f9fa;
    --text-color: #212529;
}

body.theme-dark {
    --bg-color: #343a40;
    --text-color: #ffffff;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

/* Tailwind CDN: <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> in header.php */
.button { background-color: var(--primary-color); }