/* All theme variables for instant switching via data-site-theme attribute */

/* theme: dkdc */
[data-site-theme="dkdc"] {
  --accent: rgb(167, 139, 250);
  --accent-alpha-70: rgba(167, 139, 250, .7);
  --accent-alpha-20: rgba(167, 139, 250, .2);
  --accent-secondary: rgb(34, 211, 238);
  --accent-secondary-alpha-20: rgba(34, 211, 238, .2);
  --background: #0f0d1a;
  --background-raised: #16132a;
  --color: #e2e8f0;
  --color-muted: rgba(226, 232, 240, .5);
  --border-color: rgba(167, 139, 250, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="dkdc"][data-theme=light] {
  --background: #faf9ff;
  --background-raised: #ffffff;
  --color: #1e1b3a;
  --color-muted: rgba(30, 27, 58, .55);
  --border-color: rgba(167, 139, 250, .12);
  --code-bg: #f5f3ff;
}

/* theme: default */
[data-site-theme="default"] {
  --accent: #3b82f6;
  --accent-alpha-70: rgba(59, 130, 246, .7);
  --accent-alpha-20: rgba(59, 130, 246, .2);
  --accent-secondary: #22d3ee;
  --accent-secondary-alpha-20: rgba(34, 211, 238, .2);
  --background: #0f172a;
  --background-raised: #1e293b;
  --color: #e2e8f0;
  --color-muted: rgba(226, 232, 240, .6);
  --border-color: rgba(59, 130, 246, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="default"][data-theme=light] {
  --background: #ffffff;
  --background-raised: #f8fafc;
  --color: #1e293b;
  --color-muted: rgba(30, 41, 59, .6);
  --border-color: #e2e8f0;
  --code-bg: #f1f5f9;
}

/* theme: ember */
[data-site-theme="ember"] {
  --accent: rgb(249, 115, 22);
  --accent-alpha-70: rgba(249, 115, 22, .7);
  --accent-alpha-20: rgba(249, 115, 22, .2);
  --accent-secondary: rgb(251, 191, 36);
  --accent-secondary-alpha-20: rgba(251, 191, 36, .2);
  --background: #1a0f0a;
  --background-raised: #241810;
  --color: #f0e2d0;
  --color-muted: rgba(240, 226, 208, .5);
  --border-color: rgba(249, 115, 22, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="ember"][data-theme=light] {
  --accent-secondary: rgb(180, 120, 8);
  --accent-secondary-alpha-20: rgba(180, 120, 8, .2);
  --background: #fdf6ee;
  --background-raised: #ffffff;
  --color: #3b1e08;
  --color-muted: rgba(59, 30, 8, .5);
  --border-color: rgba(249, 115, 22, .15);
  --code-bg: #fef3e2;
}

/* theme: forest */
[data-site-theme="forest"] {
  --accent: rgb(34, 197, 94);
  --accent-alpha-70: rgba(34, 197, 94, .7);
  --accent-alpha-20: rgba(34, 197, 94, .2);
  --accent-secondary: rgb(163, 230, 53);
  --accent-secondary-alpha-20: rgba(163, 230, 53, .2);
  --background: #0a1a0f;
  --background-raised: #102418;
  --color: #d0f0da;
  --color-muted: rgba(208, 240, 218, .5);
  --border-color: rgba(34, 197, 94, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="forest"][data-theme=light] {
  --accent: rgb(21, 128, 61);
  --accent-alpha-70: rgba(21, 128, 61, .7);
  --accent-alpha-20: rgba(21, 128, 61, .2);
  --accent-secondary: rgb(77, 124, 15);
  --accent-secondary-alpha-20: rgba(77, 124, 15, .2);
  --background: #eef8f0;
  --background-raised: #ffffff;
  --color: #0f2918;
  --color-muted: rgba(15, 41, 24, .5);
  --border-color: rgba(21, 128, 61, .15);
  --code-bg: #e6f5ea;
}

/* theme: ocean */
[data-site-theme="ocean"] {
  --accent: rgb(13, 148, 136);
  --accent-alpha-70: rgba(13, 148, 136, .7);
  --accent-alpha-20: rgba(13, 148, 136, .2);
  --accent-secondary: rgb(59, 130, 246);
  --accent-secondary-alpha-20: rgba(59, 130, 246, .2);
  --background: #0a1628;
  --background-raised: #0f1e34;
  --color: #cde0f0;
  --color-muted: rgba(205, 224, 240, .5);
  --border-color: rgba(13, 148, 136, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="ocean"][data-theme=light] {
  --background: #f8fafb;
  --background-raised: #ffffff;
  --color: #1a2e38;
  --color-muted: rgba(26, 46, 56, .5);
  --border-color: rgba(13, 148, 136, .12);
  --code-bg: #eef4f6;
}

/* theme: rose */
[data-site-theme="rose"] {
  --accent: rgb(225, 29, 72);
  --accent-alpha-70: rgba(225, 29, 72, .7);
  --accent-alpha-20: rgba(225, 29, 72, .2);
  --accent-secondary: rgb(168, 85, 247);
  --accent-secondary-alpha-20: rgba(168, 85, 247, .2);
  --background: #1a0a14;
  --background-raised: #281020;
  --color: #f0d0e0;
  --color-muted: rgba(240, 208, 224, .5);
  --border-color: rgba(225, 29, 72, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="rose"][data-theme=light] {
  --background: #fdf5f7;
  --background-raised: #ffffff;
  --color: #2e1a22;
  --color-muted: rgba(46, 26, 34, .5);
  --border-color: rgba(225, 29, 72, .12);
  --code-bg: #fbeef1;
}

/* theme: slate */
[data-site-theme="slate"] {
  --accent: #94a3b8;
  --accent-alpha-70: rgba(148, 163, 184, .7);
  --accent-alpha-20: rgba(148, 163, 184, .2);
  --accent-secondary: #cbd5e1;
  --accent-secondary-alpha-20: rgba(203, 213, 225, .2);
  --background: #0f1114;
  --background-raised: #1a1d23;
  --color: #e2e5ea;
  --color-muted: rgba(226, 229, 234, .5);
  --border-color: rgba(148, 163, 184, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="slate"][data-theme=light] {
  --accent: #64748b;
  --accent-alpha-70: rgba(100, 116, 139, .7);
  --accent-alpha-20: rgba(100, 116, 139, .2);
  --accent-secondary: #94a3b8;
  --accent-secondary-alpha-20: rgba(148, 163, 184, .2);
  --background: #f8f9fa;
  --background-raised: #ffffff;
  --color: #1a1d23;
  --color-muted: rgba(26, 29, 35, .55);
  --border-color: #dee2e6;
  --code-bg: #f1f3f5;
}

/* theme: midnight */
[data-site-theme="midnight"] {
  --accent: rgb(100, 149, 237);
  --accent-alpha-70: rgba(100, 149, 237, .7);
  --accent-alpha-20: rgba(100, 149, 237, .2);
  --accent-secondary: rgb(192, 192, 210);
  --accent-secondary-alpha-20: rgba(192, 192, 210, .2);
  --background: #0b1120;
  --background-raised: #131b2e;
  --color: #d0d5e0;
  --color-muted: rgba(208, 213, 224, .5);
  --border-color: rgba(100, 149, 237, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="midnight"][data-theme=light] {
  --accent-secondary: rgb(100, 100, 140);
  --accent-secondary-alpha-20: rgba(100, 100, 140, .2);
  --background: #f0f2f8;
  --background-raised: #ffffff;
  --color: #0b1120;
  --color-muted: rgba(11, 17, 32, .5);
  --border-color: rgba(100, 149, 237, .15);
  --code-bg: #e8ecf4;
}

/* theme: sunset */
[data-site-theme="sunset"] {
  --accent: rgb(239, 68, 68);
  --accent-alpha-70: rgba(239, 68, 68, .7);
  --accent-alpha-20: rgba(239, 68, 68, .2);
  --accent-secondary: rgb(251, 146, 60);
  --accent-secondary-alpha-20: rgba(251, 146, 60, .2);
  --background: #1a0a0a;
  --background-raised: #241210;
  --color: #f0d0c8;
  --color-muted: rgba(240, 208, 200, .5);
  --border-color: rgba(239, 68, 68, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="sunset"][data-theme=light] {
  --background: #fdf2ee;
  --background-raised: #ffffff;
  --color: #3b0808;
  --color-muted: rgba(59, 8, 8, .5);
  --border-color: rgba(239, 68, 68, .15);
  --code-bg: #fee2e2;
}

/* theme: mint */
[data-site-theme="mint"] {
  --accent: rgb(52, 211, 153);
  --accent-alpha-70: rgba(52, 211, 153, .7);
  --accent-alpha-20: rgba(52, 211, 153, .2);
  --accent-secondary: rgb(34, 211, 238);
  --accent-secondary-alpha-20: rgba(34, 211, 238, .2);
  --background: #0a1a14;
  --background-raised: #10241c;
  --color: #d0f0e4;
  --color-muted: rgba(208, 240, 228, .5);
  --border-color: rgba(52, 211, 153, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="mint"][data-theme=light] {
  --accent: rgb(16, 150, 100);
  --accent-alpha-70: rgba(16, 150, 100, .7);
  --accent-alpha-20: rgba(16, 150, 100, .2);
  --accent-secondary: rgb(14, 148, 166);
  --accent-secondary-alpha-20: rgba(14, 148, 166, .2);
  --background: #eefdf6;
  --background-raised: #ffffff;
  --color: #0a3b24;
  --color-muted: rgba(10, 59, 36, .5);
  --border-color: rgba(16, 150, 100, .15);
  --code-bg: #d1fae5;
}

/* theme: plum */
[data-site-theme="plum"] {
  --accent: rgb(168, 85, 247);
  --accent-alpha-70: rgba(168, 85, 247, .7);
  --accent-alpha-20: rgba(168, 85, 247, .2);
  --accent-secondary: rgb(196, 181, 253);
  --accent-secondary-alpha-20: rgba(196, 181, 253, .2);
  --background: #140a1e;
  --background-raised: #1e1028;
  --color: #e4d0f0;
  --color-muted: rgba(228, 208, 240, .5);
  --border-color: rgba(168, 85, 247, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="plum"][data-theme=light] {
  --background: #f8f0fd;
  --background-raised: #ffffff;
  --color: #2e0a4a;
  --color-muted: rgba(46, 10, 74, .5);
  --border-color: rgba(168, 85, 247, .15);
  --code-bg: #ede9fe;
}

/* theme: sand */
[data-site-theme="sand"] {
  --accent: rgb(180, 140, 80);
  --accent-alpha-70: rgba(180, 140, 80, .7);
  --accent-alpha-20: rgba(180, 140, 80, .2);
  --accent-secondary: rgb(160, 120, 70);
  --accent-secondary-alpha-20: rgba(160, 120, 70, .2);
  --background: #1a1610;
  --background-raised: #242018;
  --color: #e8dcc8;
  --color-muted: rgba(232, 220, 200, .5);
  --border-color: rgba(180, 140, 80, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="sand"][data-theme=light] {
  --accent: rgb(133, 100, 42);
  --accent-alpha-70: rgba(133, 100, 42, .7);
  --accent-alpha-20: rgba(133, 100, 42, .2);
  --accent-secondary: rgb(120, 83, 30);
  --accent-secondary-alpha-20: rgba(120, 83, 30, .2);
  --background: #faf6ee;
  --background-raised: #ffffff;
  --color: #3b2e1a;
  --color-muted: rgba(59, 46, 26, .5);
  --border-color: rgba(133, 100, 42, .15);
  --code-bg: #f5edd8;
}

/* theme: arctic */
[data-site-theme="arctic"] {
  --accent: rgb(56, 189, 248);
  --accent-alpha-70: rgba(56, 189, 248, .7);
  --accent-alpha-20: rgba(56, 189, 248, .2);
  --accent-secondary: rgb(224, 242, 254);
  --accent-secondary-alpha-20: rgba(224, 242, 254, .2);
  --background: #0a1218;
  --background-raised: #101c24;
  --color: #d8eef8;
  --color-muted: rgba(216, 238, 248, .5);
  --border-color: rgba(56, 189, 248, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="arctic"][data-theme=light] {
  --accent: rgb(14, 116, 182);
  --accent-alpha-70: rgba(14, 116, 182, .7);
  --accent-alpha-20: rgba(14, 116, 182, .2);
  --accent-secondary: rgb(56, 189, 248);
  --accent-secondary-alpha-20: rgba(56, 189, 248, .2);
  --background: #f0f9ff;
  --background-raised: #ffffff;
  --color: #0c2d42;
  --color-muted: rgba(12, 45, 66, .5);
  --border-color: rgba(14, 116, 182, .15);
  --code-bg: #e0f2fe;
}

/* theme: lime */
[data-site-theme="lime"] {
  --accent: rgb(132, 204, 22);
  --accent-alpha-70: rgba(132, 204, 22, .7);
  --accent-alpha-20: rgba(132, 204, 22, .2);
  --accent-secondary: rgb(250, 204, 21);
  --accent-secondary-alpha-20: rgba(250, 204, 21, .2);
  --background: #0e1a08;
  --background-raised: #162410;
  --color: #e0f0c8;
  --color-muted: rgba(224, 240, 200, .5);
  --border-color: rgba(132, 204, 22, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="lime"][data-theme=light] {
  --accent: rgb(77, 124, 15);
  --accent-alpha-70: rgba(77, 124, 15, .7);
  --accent-alpha-20: rgba(77, 124, 15, .2);
  --accent-secondary: rgb(161, 98, 7);
  --accent-secondary-alpha-20: rgba(161, 98, 7, .2);
  --background: #f7fee7;
  --background-raised: #ffffff;
  --color: #1a2e08;
  --color-muted: rgba(26, 46, 8, .5);
  --border-color: rgba(77, 124, 15, .15);
  --code-bg: #ecfccb;
}

/* theme: charcoal */
[data-site-theme="charcoal"] {
  --accent: rgb(156, 163, 175);
  --accent-alpha-70: rgba(156, 163, 175, .7);
  --accent-alpha-20: rgba(156, 163, 175, .2);
  --accent-secondary: rgb(209, 213, 219);
  --accent-secondary-alpha-20: rgba(209, 213, 219, .2);
  --background: #111114;
  --background-raised: #1a1a1e;
  --color: #d4d4d8;
  --color-muted: rgba(212, 212, 216, .5);
  --border-color: rgba(156, 163, 175, .15);
  --code-bg: rgba(0, 0, 0, 0.3);
  --max-width: 1200px;
}

[data-site-theme="charcoal"][data-theme=light] {
  --accent: rgb(75, 85, 99);
  --accent-alpha-70: rgba(75, 85, 99, .7);
  --accent-alpha-20: rgba(75, 85, 99, .2);
  --accent-secondary: rgb(107, 114, 128);
  --accent-secondary-alpha-20: rgba(107, 114, 128, .2);
  --background: #f4f4f5;
  --background-raised: #ffffff;
  --color: #18181b;
  --color-muted: rgba(24, 24, 27, .5);
  --border-color: rgba(75, 85, 99, .15);
  --code-bg: #e4e4e7;
}