/* Saxi's mark (drawn by components/mark/geometry.ts). Colours follow the theme: purple in light mode, saffron in dark
   mode (2026-10-13). tools/make-icons.ts embeds this file as-is, with .mk-dark, for the app icons, which stay purple. */
.mk { --mk-c1: #7c3aed; --mk-c3: #7c3aed; --mk-ink: #f5f3ff; --mk-deep: #0f0a1e; --mk-halo: var(--background, #fff); display: block; overflow: visible; }
.mk-dark { --mk-c3: #a78bfa; --mk-halo: #0f0a1e; }
@media (prefers-color-scheme: dark) {
  .mk:not(.mk-dark) { --mk-c1: #ff9933; --mk-c3: #ffb35c; --mk-ink: #fff3e0; --mk-deep: #100b07; --mk-halo: var(--background, #100b07); }
}

.mk .band { fill: none; stroke: var(--mk-c3); stroke-width: 6; stroke-linejoin: round; }
.mk .halo { fill: none; stroke: var(--mk-halo); stroke-width: 15; stroke-linejoin: round; }
.mk .cons { fill: none; stroke: var(--mk-c3); stroke-width: 1.2; opacity: 0.4; }
.mk .pet path { fill: color-mix(in srgb, var(--mk-c1) 22%, transparent); stroke: var(--mk-c1); stroke-width: 2; stroke-linejoin: round; }
.mk .ew { fill: var(--mk-ink); stroke: var(--mk-deep); stroke-width: 2.5; }
.mk .ei { fill: var(--mk-c1); }
.mk .ep { fill: var(--mk-deep); }
.mk .eg { fill: #fff; }
.mk .sy polygon { fill: none; stroke-width: 1.6; }
.mk .syd polygon { stroke: var(--mk-c3); }
.mk .syu polygon { stroke: var(--mk-ink); opacity: 0.85; }
.mk .ln { fill: none; stroke: currentColor; stroke-linejoin: round; }
.mk .ln.cons { opacity: 0.45; }
.mk .lf { fill: currentColor; }