:root {
    --primary-color: #57534e;
    /* Stone 600 */
    --secondary-color: #78716c;
    /* Stone 500 */
    --bg-color: #fafaf9;
    /* Stone 50 */
    --text-color: #292524;
    /* Stone 800 */
    --accent-color: #84cc16;
    /* Lime 500 */
}

[data-theme="sage"] {
    --primary-color: #4d7c0f;
    /* Lime 700 */
    --secondary-color: #65a30d;
    /* Lime 600 */
    --bg-color: #f7fee7;
    /* Lime 50 */
    --text-color: #1a2e05;
    /* Lime 950 */
    --accent-color: #a3e635;
    /* Lime 400 */
}

[data-theme="ocean"] {
    --primary-color: #0e7490;
    /* Cyan 700 */
    --secondary-color: #0891b2;
    /* Cyan 600 */
    --bg-color: #ecfeff;
    /* Cyan 50 */
    --text-color: #164e63;
    /* Cyan 900 */
    --accent-color: #22d3ee;
    /* Cyan 400 */
}