/* AUTO-GENERATED by engine/theming.py from engine/config.py THEME_CONFIG.

 * Do not edit by hand -- add or edit a theme there and rebuild instead. */

:root {
    --aurelia-bg-main: #f5f2eb;
    --aurelia-bg-layer-1: #fdfcf9;
    --aurelia-bg-layer-2: #eae5da;
    --aurelia-text-main: #1c2622;
    --aurelia-text-muted: #4f5a54;
    --aurelia-text-inverted: #ffffff;
    --aurelia-border-main: #d6ccba;
    --aurelia-border-focus: #2f6b4f;
    --aurelia-primary: #1c2622;
    --aurelia-secondary: #2f6b4f;
    --aurelia-tertiary: #9a2b2b;
    --aurelia-accent: #2f6b4f;
    --aurelia-highlight: #8a5a12;
    --aurelia-info: #2b5f80;
    --aurelia-insight: #1f4a37;
    --aurelia-bg-main-rgb: 245 242 235;
    --aurelia-bg-layer-1-rgb: 253 252 249;
    --aurelia-bg-layer-2-rgb: 234 229 218;
    --aurelia-text-main-rgb: 28 38 34;
    --aurelia-text-muted-rgb: 79 90 84;
    --aurelia-text-inverted-rgb: 255 255 255;
    --aurelia-border-main-rgb: 214 204 186;
    --aurelia-border-focus-rgb: 47 107 79;
    --aurelia-primary-rgb: 28 38 34;
    --aurelia-secondary-rgb: 47 107 79;
    --aurelia-tertiary-rgb: 154 43 43;
    --aurelia-accent-rgb: 47 107 79;
    --aurelia-highlight-rgb: 138 90 18;
    --aurelia-info-rgb: 43 95 128;
    --aurelia-insight-rgb: 31 74 55;
    --aurelia-font-mono: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-display: 'Cormorant Garamond', 'Times New Roman', Times, serif;
    --aurelia-font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-reader-heading: 'Cormorant Garamond', 'Times New Roman', Times, serif;
    --aurelia-radius: 0px;
    --aurelia-display-weight: 600;
    --aurelia-display-tracking: -0.005em;
    --aurelia-display-leading: 1.02;
    --aurelia-label-weight: 600;
    --aurelia-halo: 0%;
    --aurelia-surface-1: linear-gradient(180deg, #fdfcf9 0%, #fbf9f4 100%);
    --aurelia-surface-2: linear-gradient(180deg, #fdfcf9 0%, #f3efe6 100%);
    --aurelia-elevation-1: 0 0 0 1px rgba(214, 204, 186, 0.55);
    --aurelia-elevation-2: 0 12px 32px -20px rgba(28, 38, 34, 0.25);
    --aurelia-elevation-3: 0 24px 56px -28px rgba(28, 38, 34, 0.30);
    --aurelia-rim-light: inset 0 0 0 0 transparent;
    --aurelia-glow-primary: radial-gradient(circle, rgba(242, 200, 152, 0.28) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(47, 107, 79, 0.10) 0%, transparent 70%);
    --aurelia-grid-overlay: none;
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(245, 242, 235, 1);
    --aurelia-glass-border: 1px solid #d6ccba;
    --aurelia-glass-shadow: 0 0 0 0 transparent;
    --aurelia-scanline-bg: none;
    --aurelia-scanline-opacity: 0;
    --aurelia-cursor-default: auto;
    --aurelia-cursor-interactive: pointer;
}

:root[data-theme="timberline"] {
    --aurelia-bg-main: #f5f2eb;
    --aurelia-bg-layer-1: #fdfcf9;
    --aurelia-bg-layer-2: #eae5da;
    --aurelia-text-main: #1c2622;
    --aurelia-text-muted: #4f5a54;
    --aurelia-text-inverted: #ffffff;
    --aurelia-border-main: #d6ccba;
    --aurelia-border-focus: #2f6b4f;
    --aurelia-primary: #1c2622;
    --aurelia-secondary: #2f6b4f;
    --aurelia-tertiary: #9a2b2b;
    --aurelia-accent: #2f6b4f;
    --aurelia-highlight: #8a5a12;
    --aurelia-info: #2b5f80;
    --aurelia-insight: #1f4a37;
    --aurelia-bg-main-rgb: 245 242 235;
    --aurelia-bg-layer-1-rgb: 253 252 249;
    --aurelia-bg-layer-2-rgb: 234 229 218;
    --aurelia-text-main-rgb: 28 38 34;
    --aurelia-text-muted-rgb: 79 90 84;
    --aurelia-text-inverted-rgb: 255 255 255;
    --aurelia-border-main-rgb: 214 204 186;
    --aurelia-border-focus-rgb: 47 107 79;
    --aurelia-primary-rgb: 28 38 34;
    --aurelia-secondary-rgb: 47 107 79;
    --aurelia-tertiary-rgb: 154 43 43;
    --aurelia-accent-rgb: 47 107 79;
    --aurelia-highlight-rgb: 138 90 18;
    --aurelia-info-rgb: 43 95 128;
    --aurelia-insight-rgb: 31 74 55;
    --aurelia-font-mono: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-display: 'Cormorant Garamond', 'Times New Roman', Times, serif;
    --aurelia-font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-reader-heading: 'Cormorant Garamond', 'Times New Roman', Times, serif;
    --aurelia-radius: 0px;
    --aurelia-display-weight: 600;
    --aurelia-display-tracking: -0.005em;
    --aurelia-display-leading: 1.02;
    --aurelia-label-weight: 600;
    --aurelia-halo: 0%;
    --aurelia-surface-1: linear-gradient(180deg, #fdfcf9 0%, #fbf9f4 100%);
    --aurelia-surface-2: linear-gradient(180deg, #fdfcf9 0%, #f3efe6 100%);
    --aurelia-elevation-1: 0 0 0 1px rgba(214, 204, 186, 0.55);
    --aurelia-elevation-2: 0 12px 32px -20px rgba(28, 38, 34, 0.25);
    --aurelia-elevation-3: 0 24px 56px -28px rgba(28, 38, 34, 0.30);
    --aurelia-rim-light: inset 0 0 0 0 transparent;
    --aurelia-glow-primary: radial-gradient(circle, rgba(242, 200, 152, 0.28) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(47, 107, 79, 0.10) 0%, transparent 70%);
    --aurelia-grid-overlay: none;
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(245, 242, 235, 1);
    --aurelia-glass-border: 1px solid #d6ccba;
    --aurelia-glass-shadow: 0 0 0 0 transparent;
    --aurelia-scanline-bg: none;
    --aurelia-scanline-opacity: 0;
    --aurelia-cursor-default: auto;
    --aurelia-cursor-interactive: pointer;
}

:root[data-theme="cyber-prime"] {
    --aurelia-bg-main: #0a0a0b;
    --aurelia-bg-layer-1: #121214;
    --aurelia-bg-layer-2: #18181b;
    --aurelia-text-main: #ffffff;
    --aurelia-text-muted: #9ca3af;
    --aurelia-text-inverted: #000000;
    --aurelia-border-main: #27272a;
    --aurelia-border-focus: #00f2ff;
    --aurelia-primary: #00f2ff;
    --aurelia-secondary: #8a2be2;
    --aurelia-tertiary: #ff8c00;
    --aurelia-accent: #39ff14;
    --aurelia-highlight: #eab308;
    --aurelia-info: #6366f1;
    --aurelia-insight: #ff2d78;
    --aurelia-bg-main-rgb: 10 10 11;
    --aurelia-bg-layer-1-rgb: 18 18 20;
    --aurelia-bg-layer-2-rgb: 24 24 27;
    --aurelia-text-main-rgb: 255 255 255;
    --aurelia-text-muted-rgb: 156 163 175;
    --aurelia-text-inverted-rgb: 0 0 0;
    --aurelia-border-main-rgb: 39 39 42;
    --aurelia-border-focus-rgb: 0 242 255;
    --aurelia-primary-rgb: 0 242 255;
    --aurelia-secondary-rgb: 138 43 226;
    --aurelia-tertiary-rgb: 255 140 0;
    --aurelia-accent-rgb: 57 255 20;
    --aurelia-highlight-rgb: 234 179 8;
    --aurelia-info-rgb: 99 102 241;
    --aurelia-insight-rgb: 255 45 120;
    --aurelia-font-mono: 'JetBrains Mono', monospace;
    --aurelia-font-display: 'JetBrains Mono', monospace;
    --aurelia-font-body: 'Inter', sans-serif;
    --aurelia-font-reader-heading: 'Inter', sans-serif;
    --aurelia-radius: 2px;
    --aurelia-display-weight: 800;
    --aurelia-display-tracking: -0.03em;
    --aurelia-display-leading: 0.95;
    --aurelia-label-weight: 700;
    --aurelia-halo: 50%;
    --aurelia-surface-1: linear-gradient(160deg, #16161f 0%, #0e0e14 100%);
    --aurelia-surface-2: linear-gradient(160deg, #1c1c28 0%, #14141c 100%);
    --aurelia-elevation-1: 0 2px 8px -2px rgba(0,0,0,0.8);
    --aurelia-elevation-2: 0 10px 26px -8px rgba(0,0,0,0.9);
    --aurelia-elevation-3: 0 22px 48px -14px rgba(0,0,0,0.95), 0 0 40px -12px rgba(0,242,255,0.28);
    --aurelia-rim-light: inset 0 1px 0 0 rgba(0,242,255,0.22);
    --aurelia-glow-primary: radial-gradient(circle, rgba(0,242,255,0.40) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(57,255,20,0.35) 0%, transparent 70%);
    --aurelia-grid-overlay: linear-gradient(rgba(0,242,255,0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(0,242,255,0.055) 1px, transparent 1px);
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(10, 10, 11, 0.6);
    --aurelia-glass-border: none;
    --aurelia-glass-shadow: 0 0 0 0 transparent;
    --aurelia-scanline-bg: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(0, 0, 0, 0) 100%);
    --aurelia-scanline-opacity: 0.1;
    --aurelia-cursor-default: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2 2l8.8 20.4 2.8-8.4 8.4-2.8L2 2z' fill='%230a0a0b' fill-opacity='0.5' stroke='%2300f2ff' stroke-width='1.5' stroke-linejoin='round'/></svg>"), auto;
    --aurelia-cursor-interactive: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='%2339ff14' stroke-width='1.5'/><circle cx='12' cy='12' r='2' fill='%2339ff14'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4' stroke='%2339ff14' stroke-width='1.5'/></svg>") 12 12, pointer;
}

:root[data-theme="the-patriot"] {
    --aurelia-bg-main: #f5f0e6;
    --aurelia-bg-layer-1: #ffffff;
    --aurelia-bg-layer-2: #f1e5cd;
    --aurelia-text-main: #1b1b1b;
    --aurelia-text-muted: #565c65;
    --aurelia-text-inverted: #ffffff;
    --aurelia-border-main: #c7a97b;
    --aurelia-border-focus: #005ea2;
    --aurelia-primary: #1a4480;
    --aurelia-secondary: #b50909;
    --aurelia-tertiary: #6b5947;
    --aurelia-accent: #005ea2;
    --aurelia-highlight: #8a6416;
    --aurelia-info: #2f4b6b;
    --aurelia-insight: #265c35;
    --aurelia-bg-main-rgb: 245 240 230;
    --aurelia-bg-layer-1-rgb: 255 255 255;
    --aurelia-bg-layer-2-rgb: 241 229 205;
    --aurelia-text-main-rgb: 27 27 27;
    --aurelia-text-muted-rgb: 86 92 101;
    --aurelia-text-inverted-rgb: 255 255 255;
    --aurelia-border-main-rgb: 199 169 123;
    --aurelia-border-focus-rgb: 0 94 162;
    --aurelia-primary-rgb: 26 68 128;
    --aurelia-secondary-rgb: 181 9 9;
    --aurelia-tertiary-rgb: 107 89 71;
    --aurelia-accent-rgb: 0 94 162;
    --aurelia-highlight-rgb: 138 100 22;
    --aurelia-info-rgb: 47 75 107;
    --aurelia-insight-rgb: 38 92 53;
    --aurelia-font-mono: 'Courier Prime', 'Courier New', monospace;
    --aurelia-font-display: 'Courier Prime', 'Courier New', monospace;
    --aurelia-font-body: 'Inter', sans-serif;
    --aurelia-font-reader-heading: 'Inter', sans-serif;
    --aurelia-radius: 8px;
    --aurelia-display-weight: 800;
    --aurelia-display-tracking: -0.03em;
    --aurelia-display-leading: 0.95;
    --aurelia-label-weight: 700;
    --aurelia-halo: 50%;
    --aurelia-surface-1: linear-gradient(160deg, #ffffff 0%, #f1e5cd 100%);
    --aurelia-surface-2: linear-gradient(160deg, #f1e5cd 0%, #f1e5cd 100%);
    --aurelia-elevation-1: 0 4px 10px -2px rgba(27, 27, 27, 0.3);
    --aurelia-elevation-2: 0 10px 26px -5px rgba(27, 27, 27, 0.55);
    --aurelia-elevation-3: 0 22px 48px -11px rgba(27, 27, 27, 0.75), 0 0 48px -16px rgba(26, 68, 128, 0.35);
    --aurelia-rim-light: inset 0 1px 0 0 rgba(26, 68, 128, 0.18);
    --aurelia-glow-primary: radial-gradient(circle, rgba(26, 68, 128, 0.35) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(0, 94, 162, 0.35) 0%, transparent 70%);
    --aurelia-grid-overlay: linear-gradient(rgba(26, 68, 128, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 68, 128, 0.05) 1px, transparent 1px);
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(245, 240, 230, 0.97);
    --aurelia-glass-border: 1px solid #c7a97b;
    --aurelia-glass-shadow: 0 4px 10px -2px rgba(26, 68, 128, 0.12);
    --aurelia-scanline-bg: repeating-linear-gradient(0deg, transparent, transparent 1px, #c7a97b 1px, #c7a97b 2px);
    --aurelia-scanline-opacity: 0.2;
    --aurelia-cursor-default: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2 2l8.8 20.4 2.8-8.4 8.4-2.8L2 2z' fill='%23f5f0e6' fill-opacity='0.5' stroke='%231a4480' stroke-width='1.5' stroke-linejoin='round'/></svg>"), auto;
    --aurelia-cursor-interactive: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='%23005ea2' stroke-width='1.5'/><circle cx='12' cy='12' r='2' fill='%23005ea2'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4' stroke='%23005ea2' stroke-width='1.5'/></svg>") 12 12, pointer;
}

:root[data-theme="the-stoa"] {
    --aurelia-bg-main: #e9e4d5;
    --aurelia-bg-layer-1: #f2eee2;
    --aurelia-bg-layer-2: #dcd5c2;
    --aurelia-text-main: #2e2a22;
    --aurelia-text-muted: #5f594a;
    --aurelia-text-inverted: #ffffff;
    --aurelia-border-main: #a3987b;
    --aurelia-border-focus: #5b3a6b;
    --aurelia-primary: #6b5228;
    --aurelia-secondary: #8a3324;
    --aurelia-tertiary: #5b6b3f;
    --aurelia-accent: #5b3a6b;
    --aurelia-highlight: #7a5f1a;
    --aurelia-info: #3d5266;
    --aurelia-insight: #1f6b5c;
    --aurelia-bg-main-rgb: 233 228 213;
    --aurelia-bg-layer-1-rgb: 242 238 226;
    --aurelia-bg-layer-2-rgb: 220 213 194;
    --aurelia-text-main-rgb: 46 42 34;
    --aurelia-text-muted-rgb: 95 89 74;
    --aurelia-text-inverted-rgb: 255 255 255;
    --aurelia-border-main-rgb: 163 152 123;
    --aurelia-border-focus-rgb: 91 58 107;
    --aurelia-primary-rgb: 107 82 40;
    --aurelia-secondary-rgb: 138 51 36;
    --aurelia-tertiary-rgb: 91 107 63;
    --aurelia-accent-rgb: 91 58 107;
    --aurelia-highlight-rgb: 122 95 26;
    --aurelia-info-rgb: 61 82 102;
    --aurelia-insight-rgb: 31 107 92;
    --aurelia-font-mono: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-display: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --aurelia-font-body: 'Inter', sans-serif;
    --aurelia-font-reader-heading: 'Inter', sans-serif;
    --aurelia-radius: 1px;
    --aurelia-display-weight: 800;
    --aurelia-display-tracking: -0.03em;
    --aurelia-display-leading: 0.95;
    --aurelia-label-weight: 700;
    --aurelia-halo: 50%;
    --aurelia-surface-1: linear-gradient(160deg, #f2eee2 0%, #dcd5c2 100%);
    --aurelia-surface-2: linear-gradient(160deg, #dcd5c2 0%, #dcd5c2 100%);
    --aurelia-elevation-1: 0 4px 10px -2px rgba(46, 42, 34, 0.3);
    --aurelia-elevation-2: 0 10px 26px -5px rgba(46, 42, 34, 0.55);
    --aurelia-elevation-3: 0 22px 48px -11px rgba(46, 42, 34, 0.75), 0 0 48px -16px rgba(107, 82, 40, 0.35);
    --aurelia-rim-light: inset 0 1px 0 0 rgba(107, 82, 40, 0.18);
    --aurelia-glow-primary: radial-gradient(circle, rgba(107, 82, 40, 0.35) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(91, 58, 107, 0.35) 0%, transparent 70%);
    --aurelia-grid-overlay: linear-gradient(rgba(107, 82, 40, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(107, 82, 40, 0.05) 1px, transparent 1px);
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(233, 228, 213, 0.96);
    --aurelia-glass-border: 1px solid #c7c2b0;
    --aurelia-glass-shadow: 0 4px 12px -2px rgba(45, 42, 32, 0.14);
    --aurelia-scanline-bg: repeating-linear-gradient(0deg, transparent, transparent 3px, #c7c2b0 3px, #c7c2b0 4px);
    --aurelia-scanline-opacity: 0.15;
    --aurelia-cursor-default: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2 2l8.8 20.4 2.8-8.4 8.4-2.8L2 2z' fill='%23e9e4d5' fill-opacity='0.5' stroke='%236b5228' stroke-width='1.5' stroke-linejoin='round'/></svg>"), auto;
    --aurelia-cursor-interactive: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='%235b3a6b' stroke-width='1.5'/><circle cx='12' cy='12' r='2' fill='%235b3a6b'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4' stroke='%235b3a6b' stroke-width='1.5'/></svg>") 12 12, pointer;
}

:root[data-theme="grizz"] {
    --aurelia-bg-main: #031a0d;
    --aurelia-bg-layer-1: #082414;
    --aurelia-bg-layer-2: #0f331d;
    --aurelia-text-main: #ffffff;
    --aurelia-text-muted: #9aa39d;
    --aurelia-text-inverted: #000000;
    --aurelia-border-main: #2f4536;
    --aurelia-border-focus: #4ade80;
    --aurelia-primary: #22b04c;
    --aurelia-secondary: #1f9a55;
    --aurelia-tertiary: #b7bab4;
    --aurelia-accent: #4ade80;
    --aurelia-highlight: #8a9089;
    --aurelia-info: #7c9484;
    --aurelia-insight: #3fae82;
    --aurelia-bg-main-rgb: 3 26 13;
    --aurelia-bg-layer-1-rgb: 8 36 20;
    --aurelia-bg-layer-2-rgb: 15 51 29;
    --aurelia-text-main-rgb: 255 255 255;
    --aurelia-text-muted-rgb: 154 163 157;
    --aurelia-text-inverted-rgb: 0 0 0;
    --aurelia-border-main-rgb: 47 69 54;
    --aurelia-border-focus-rgb: 74 222 128;
    --aurelia-primary-rgb: 34 176 76;
    --aurelia-secondary-rgb: 31 154 85;
    --aurelia-tertiary-rgb: 183 186 180;
    --aurelia-accent-rgb: 74 222 128;
    --aurelia-highlight-rgb: 138 144 137;
    --aurelia-info-rgb: 124 148 132;
    --aurelia-insight-rgb: 63 174 130;
    --aurelia-font-mono: 'Oswald', 'Arial Narrow', sans-serif;
    --aurelia-font-display: 'Oswald', 'Arial Narrow', sans-serif;
    --aurelia-font-body: 'Inter', sans-serif;
    --aurelia-font-reader-heading: 'Inter', sans-serif;
    --aurelia-radius: 6px;
    --aurelia-display-weight: 800;
    --aurelia-display-tracking: -0.03em;
    --aurelia-display-leading: 0.95;
    --aurelia-label-weight: 700;
    --aurelia-halo: 50%;
    --aurelia-surface-1: linear-gradient(160deg, #0f331d 0%, #082414 100%);
    --aurelia-surface-2: linear-gradient(160deg, #0f331d 0%, #0f331d 100%);
    --aurelia-elevation-1: 0 4px 10px -2px rgba(3, 26, 13, 0.3);
    --aurelia-elevation-2: 0 10px 26px -5px rgba(3, 26, 13, 0.55);
    --aurelia-elevation-3: 0 22px 48px -11px rgba(3, 26, 13, 0.75), 0 0 48px -16px rgba(34, 176, 76, 0.35);
    --aurelia-rim-light: inset 0 1px 0 0 rgba(34, 176, 76, 0.18);
    --aurelia-glow-primary: radial-gradient(circle, rgba(34, 176, 76, 0.35) 0%, transparent 70%);
    --aurelia-glow-accent: radial-gradient(circle, rgba(74, 222, 128, 0.35) 0%, transparent 70%);
    --aurelia-grid-overlay: linear-gradient(rgba(34, 176, 76, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(34, 176, 76, 0.05) 1px, transparent 1px);
    --aurelia-grid-size: 40px;
    --aurelia-glass-bg: rgba(3, 26, 13, 0.92);
    --aurelia-glass-border: 1px solid #2f4536;
    --aurelia-glass-shadow: 0 6px 24px -4px rgba(0, 69, 42, 0.5);
    --aurelia-scanline-bg: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(34, 176, 76, 0.4) 8px, rgba(34, 176, 76, 0.4) 16px);
    --aurelia-scanline-opacity: 0.15;
    --aurelia-cursor-default: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M2 2l8.8 20.4 2.8-8.4 8.4-2.8L2 2z' fill='%23031a0d' fill-opacity='0.5' stroke='%2322b04c' stroke-width='1.5' stroke-linejoin='round'/></svg>"), auto;
    --aurelia-cursor-interactive: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='%234ade80' stroke-width='1.5'/><circle cx='12' cy='12' r='2' fill='%234ade80'/><path d='M12 2v4M12 18v4M2 12h4M18 12h4' stroke='%234ade80' stroke-width='1.5'/></svg>") 12 12, pointer;
}