/**
 * Theme: default
 * Generated by scripts/compile-theme.cjs from token data.
 * Structure: ../profile.css
 */

:root {
  --accent: #c77dff;
  --ash: var(--text-muted);
  --bg: #050308;
  --bg-image: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(80, 20, 120, 0.35) 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 20% 90%, rgba(40, 10, 70, 0.4) 0%, transparent 50%), radial-gradient(ellipse 50% 35% at 85% 70%, rgba(90, 30, 140, 0.2) 0%, transparent 45%), repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(160, 32, 240, 0.02) 3px, rgba(160, 32, 240, 0.02) 4px );
  --bone: var(--text);
  --border: var(--box-border);
  --border-dim: var(--rule);
  --box-bg: #0a0610;
  --box-border: #a020f0;
  --box-head: var(--head-bg);
  --box-shadow: 0 0 0 1px #000, 0 0 14px rgba(160, 32, 240, 0.28), 3px 3px 0 rgba(0, 0, 0, 0.65);
  --btn-edge: #2a0a48;
  --btn-grad: linear-gradient( 180deg, #6a3a8e 0%, #3a1860 22%, #240e3c 48%, #180828 52%, #2e1248 78%, #4a2068 100% );
  --btn-grad-hover: linear-gradient( 180deg, #8050a8 0%, #4a2080 22%, #301050 48%, #200c38 52%, #3c1858 78%, #5a2878 100% );
  --btn-seam: #1a0530;
  --btn-text: #f5e8ff;
  --btn-well: #120818;
  --eq-bar: linear-gradient(180deg, #c77dff, #5a1890);
  --font-body: "Times New Roman", Times, serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-mono: "Courier New", Courier, monospace;
  --font-ui: Arial, Helvetica, sans-serif;
  --head-bg: linear-gradient(180deg, #3a1860 0%, #1a0a30 100%);
  --head-mark: " ✠";
  --head-text: #f5e8ff;
  --label: #c0b090;
  --lilac: var(--text-muted);
  --link: #c77dff;
  --link-hover: #e0b0ff;
  --marquee-artist: #c77dff;
  --marquee-text: #d4a8ff;
  --nav-bg: #000;
  --nav-border: #1a1a1a;
  --nav-btn-bg: linear-gradient(180deg, #2a2a2a 0%, #111 100%);
  --nav-btn-hover: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%);
  --nav-input-bg: #0a0a0a;
  --nav-link: #c9c9c9;
  --nav-sep: #555;
  --nav-shadow: none;
  --nav-text: #e8e8e8;
  --nav-text-hover: #fff;
  --neon: var(--accent);
  --player-bg: #0a0610;
  --rule: rgba(160, 32, 240, 0.45);
  --text: #f0e8f8;
  --text-muted: #9a88aa;
  --veilnet-banner: url("../assets/veilnet-banner-default.png");
  --wash: linear-gradient( 180deg, transparent 0%, rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0.5) 100% );
}

/* Theme flourishes for default (not compiled from tokens) */

/* light theme-only polish */
a {
  text-shadow: 0 0 6px rgba(160, 32, 240, 0.35);
}

a:hover {
  text-shadow: 0 0 10px rgba(200, 120, 255, 0.7);
}

.box h2,
.box h3 {
  text-shadow: 0 0 8px rgba(160, 32, 240, 0.55), 1px 1px 0 #000;
}

.box h3::after {
  text-shadow: 0 0 8px rgba(160, 32, 240, 0.8);
}

.contact h2 {
  text-shadow: 0 0 12px rgba(160, 32, 240, 0.7);
}

.topnav a {
  text-shadow: none;
}

.topnav-brand:hover {
  text-shadow: 0 0 8px rgba(160, 32, 240, 0.55);
}