:root {
    --primary-color: #2c3e50;
    --secondary-color: #34495e;
    --text-color: #ecf0f1;
    --highlight-color: #3498db;
    --bg-color: #2c3e50;
    --nav-bg: #1a252f;
    --nav-width: 250px;
    --secondary-text: #34495e; /* Teks sekunder untuk semua tema */
    
    /* Global font sizes for calendar badges */
    --badge-font-size: 0.7rem;
    --badge-height: 12px;
    --badge-min-width: 12px;
    --badge-padding: 1px 2px;
    
    /* Responsive badge sizes */
    --badge-font-size-mobile: 0.7rem;
    --badge-height-mobile: 10px;
    --badge-min-width-mobile: 10px;
    --badge-padding-mobile: 1px 2px;
    
    --badge-font-size-tablet: 0.42rem;
    --badge-height-tablet: 11px;
    --badge-min-width-tablet: 11px;
    --badge-padding-tablet: 1px 2px;
    
    --badge-font-size-large: 0.48rem;
    --badge-height-large: 13px;
    --badge-min-width-large: 13px;
    --badge-padding-large: 1px 3px;
}

/* Tema Warna */
[data-theme="green"] {
    --primary-color: #264f2a;
    --secondary-color: #33663d;
    --text-color: #ecf0f1;
    --highlight-color: #4CAF50;
    --bg-color: #1a452d;
    --nav-bg: #1c4b2f;
    --secondary-text: #33663d; /* Teks sekunder untuk tema hijau */
}

[data-theme="blue"] {
    --primary-color: #2980b9;
    --secondary-color: #3498db;
    --text-color: #ecf0f1;
    --highlight-color: #2e4053; /* Diubah dari biru terang menjadi biru gelap */
    --bg-color: #2c3e50;
    --nav-bg: #1a5276;
    --secondary-text: #3498db; /* Teks sekunder untuk tema biru */
}

[data-theme="purple"] {
    --primary-color: #8e44ad;
    --secondary-color: #9b59b6;
    --text-color: #ecf0f1;
    --highlight-color: #f1c40f;
    --bg-color: #7d3c98;
    --nav-bg: #5b2c6f;
    --secondary-text: #9b59b6; /* Teks sekunder untuk tema ungu */
}

[data-theme="red"] {
    --primary-color: #c0392b;
    --secondary-color: #e74c3c;
    --text-color: #ecf0f1;
    --highlight-color: #f1c40f;
    --bg-color: #96281b;
    --nav-bg: #78281f;
    --secondary-text: #e74c3c; /* Teks sekunder untuk tema merah */
}

[data-theme="orange"] {
    --primary-color: #d35400;
    --secondary-color: #e67e22;
    --text-color: #ecf0f1;
    --highlight-color: #f1c40f;
    --bg-color: #e67e22;
    --nav-bg: #a04000;
    --secondary-text: #e67e22; /* Teks sekunder untuk tema oranye */
}

[data-theme="dark"] {
    --primary-color: #1a1a1a;
    --secondary-color: #2d2d2d;
    --text-color: #f5f5f5;
    --highlight-color: #f1c40f;
    --bg-color: #121212;
    --nav-bg: #000000;
    --secondary-text: #2d2d2d; /* Teks sekunder untuk tema gelap */
}

[data-theme="light"] {
    --primary-color: #f5f5f5;
    --secondary-color: #e0e0e0;
    --text-color: #333333;
    --highlight-color: #3498db;
    --bg-color: #ffffff;
    --nav-bg: #e0e0e0;
    --secondary-text: #e0e0e0; /* Teks sekunder untuk tema terang */
}