/* Optional themes — set on */
[data-theme="royal"] {
--red: #1a2744;
--red-dark: #0f1828;
--red-light: #2a3d66;
--blue: #c9a227;
--blue-dark: #a6851f;
--blue-light: #e8c547;
--green: #c9a227;
--green-dark: #a6851f;
--charcoal: #0f1828;
--bg-blue: #f5f0e6;
}
/* Sand is default in app.css :root */
[data-theme="carbon"] {
--red: #b87333;
--red-dark: #8f5a28;
--red-light: #d4924f;
--blue: #e8e8e8;
--blue-dark: #cccccc;
--blue-light: #ffffff;
--green: #b87333;
--green-dark: #8f5a28;
--charcoal: #0a0a0a;
--text: #333;
--bg-alt: #f0f0f0;
--bg-blue: #e5e5e5;
}
.site-header{border-bottom-color:var(--red)}
[data-theme="carbon"] .site-nav>a{color:#eee}
[data-theme="carbon"] .site-header{background:#111}
[data-theme="emerald"] {
--red: #0d4a3e;
--red-dark: #083529;
--red-light: #156b58;
--blue: #d4af37;
--blue-dark: #b8942f;
--blue-light: #f0d878;
--green: #1a7a5c;
--green-dark: #125c45;
--charcoal: #0a2922;
--bg-blue: #e8f5f0;
}