:root {
    --color: #00828c;
    --color-hover: #7cdae1;
    --color-border: #7cdae100;
    --color-Icon: #00828c;
    --color-tab: #00828c ;
    --color-background: #00828c;
    --gradient-from: #00828c;
    --gradient-to: #7cdae1;
    --primary: #2563eb;
    --primary-dark: #1e40af;
    --success: #16a34a;
    --card-bg: #00828c;
    --card-text: #bdfaff;
    --btn-text: #d7fcff;
    --text-hover: #006b74;
    --color-dark: #9a9a9a;
    --hover-dark: #dcdcdc;
    --text-dark: #e1e1e1;
}


.theme-green {
    --btn-color: var(--color);
    --btn-hover-color: var(--color-hover);
    --btn-border-color: var(--color-border);
    --btn-text-color: var(--btn-text);
    --btn-color-dark: var(--color-dark);
    --btn-hover-dark: var(--hover-dark);
    --btn-text-dark: var(--text-dark);
    --text-hover-dark: var(--text-hover);
    --icon-color: var(--color-Icon);
    --icon-hover-color: var(--color-hover);
    --tab-color: var(--color-tab);
    --background-color: var(--color-background);
    --text-hover-color: var(--text-hover);
    --gradient-from-color: var(--gradient-from);
    --gradient-to-color: var(--gradient-to);
    --card-bg-color: var(--card-bg);
    --card-text-color: var(--card-text);
}

.theme-blue {
    
}