:root{
--bg:#edf9ff;
--surface:#ffffff;
--surface2:#f4fbff;
--text:#0b1620;
--muted:#5a6f7e;
--accent:#00a6ff;
}

.cyan-theme{
--bg:#ecfbff;
--surface:#ffffff;
--surface2:#f2fbff;
--text:#08131d;
--muted:#58707e;
--accent:#00b7ff;
}

.emerald-theme{
--bg:#effff6;
--surface:#ffffff;
--surface2:#f4fff8;
--text:#0d1c15;
--muted:#5d7467;
--accent:#11c27b;
}

.violet-theme{
--bg:#f7f2ff;
--surface:#ffffff;
--surface2:#fbf7ff;
--text:#171126;
--muted:#6f6484;
--accent:#9d6cff;
}

.amber-theme{
--bg:#fff7eb;
--surface:#ffffff;
--surface2:#fffaf2;
--text:#24170a;
--muted:#7a6751;
--accent:#ffb347;
}

.silver-theme{
--bg:#eef2f6;
--surface:#ffffff;
--surface2:#f7f9fb;
--text:#101820;
--muted:#697681;
--accent:#7f95aa;
}

.obsidian-theme{
--bg:#0d1117;
--surface:#161b22;
--surface2:#1f2630;
--text:#f5f7fa;
--muted:#9aa6b2;
--accent:#3b82f6;
}

.rose-theme{
--bg:#fff1f4;
--surface:#ffffff;
--surface2:#fff7f9;
--text:#25151a;
--muted:#80636b;
--accent:#ff5e8a;
}

.ice-theme{
--bg:#edf9ff;
--surface:#ffffff;
--surface2:#f4fbff;
--text:#0b1620;
--muted:#5a6f7e;
--accent:#00a6ff;
}

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


.catalog,
.card,
.right-side,
.form-box{
background:var(--surface)!important;
color:var(--text)!important;
}

.card-image-wrap,
.left-side,
.tag{
background:var(--surface2)!important;
}

.tag,
button{
color:white;
background:var(--accent)!important;
}

.card-content p,
.desc{
color:var(--muted)!important;
}

.obsidian-theme .catalog,
.obsidian-theme .right-side,
.obsidian-theme .form-box,
.obsidian-theme .card{
background:#161b22!important;
color:#f5f7fa!important;
}