:root[data-theme="ocean"] {
    --accent-color: #457289;
    --gradient-color: linear-gradient(55deg, #111C2A, #2F5272, #457289, #3A5F6B, #1E3A45);
    --secondary-color: #e7f0f7;
    --dark-color: #0f1b2b;
    --border-color: #c2c8d0;
    --light-gray: #f2f7fb;
    --background-gray: #e9f2f9;
}

:root[data-theme="dark-theme"] {
    --accent-color: #2d2d30;
    --gradient-color: linear-gradient(55deg, #0D0D0D, #1a1a1a, #252525);
    --secondary-color: #e7f0f7;
    --dark-color: #151e2b;
    --border-color: #c2c8d0;
    --light-gray: #f5f5f5;
    --background-gray: #ececec;
}

:root[data-theme="sunny-day"] {
    --accent-color: #0073DF;
    --gradient-color: linear-gradient(55deg, #0055A3, #0073DF, #0055A3, #003D73);
    --secondary-color: #e7f0f7;
    --dark-color: #0f1b2b;
    --border-color: #c2c8d0;
    --light-gray: #E5E5E5;
    --background-gray: #ECF1B2;
}

:root[data-theme="interstellar"] {
    --accent-color: #5A04B7;
    --gradient-color: linear-gradient(55deg, #340D59, #5A04B7, #3D0285, #1F0045);
    --secondary-color: #e7f0f7;
    --dark-color: #340D59;
    --border-color: #c2c8d0;
    --light-gray: #f5f5f5;
    --background-gray: #F3D4E9;
}

:root[data-theme="emerald"] {
    --accent-color: #02673D;
    --gradient-color: linear-gradient(55deg, #00331F, #02673D, #004D2E, #00331F);
    --secondary-color: #e7f0f7;
    --dark-color: #004629;
    --border-color: #c2c8d0;
    --light-gray: #f5f5f5;
    --background-gray: #e9f2f9;
}

:root[data-theme="alien"] {
    --accent-color: #B0B4FF;
    --gradient-color: linear-gradient(55deg, #180032, #11155E, #0D0D4A, #060625);
    --secondary-color: #e7f0f7;
    --dark-color: #11155E;
    --border-color: #c2c8d0;
    --light-gray: #f5f5f5;
    --background-gray: #B0B4FF;
}

:root[data-theme="dunnes"] {
    --accent-color: #C37720;
    --gradient-color: linear-gradient(55deg, #4F2E0E, #C37720, #8B5A1E, #5C3D14);
    --secondary-color: #e7f0f7;
    --dark-color: #4F2E0E;
    --border-color: #c2c8d0;
    --light-gray: #f5f5f5;
    --background-gray: #DC8D49;
}