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

:root {
  --accent: #c41e3a;
  --ash: var(--text-muted);
  --bg: #0a0610;
  --bg-image: radial-gradient(ellipse 75% 50% at 50% 0%, rgba(70, 28, 90, 0.55) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 15% 85%, rgba(90, 20, 40, 0.3) 0%, transparent 50%), radial-gradient(ellipse 45% 35% at 90% 60%, rgba(40, 16, 55, 0.4) 0%, transparent 45%), repeating-linear-gradient( 0deg, transparent, transparent 1px, rgba(0, 0, 0, 0.18) 1px, rgba(0, 0, 0, 0.18) 2px ), repeating-linear-gradient( 90deg, transparent, transparent 1px, rgba(180, 120, 80, 0.015) 1px, rgba(180, 120, 80, 0.015) 2px );
  --bone: var(--text);
  --border: var(--box-border);
  --border-dim: var(--rule);
  --box-bg: #100818;
  --box-border: #6b2848;
  --box-head: var(--head-bg);
  --box-shadow: 0 0 0 1px #000, 4px 4px 0 #000, 0 0 20px rgba(80, 20, 50, 0.45);
  --btn-edge: #3a1828;
  --btn-grad: linear-gradient( 180deg, #5a3048 0%, #301828 22%, #1c1018 48%, #10080c 52%, #28141c 78%, #402030 100% );
  --btn-grad-hover: linear-gradient( 180deg, #7a4058 0%, #482030 22%, #2c1820 48%, #181010 52%, #3a1c28 78%, #582840 100% );
  --btn-seam: #1a0c14;
  --btn-text: #f0e4d0;
  --btn-well: #120810;
  --eq-bar: linear-gradient(180deg, #c4a070, #6b2848);
  --font-body: "Times New Roman", Times, serif;
  --font-display: Georgia, "Palatino Linotype", serif;
  --font-mono: "Courier New", Courier, monospace;
  --font-ui: "Courier New", Courier, monospace;
  --head-bg: linear-gradient(180deg, #4a2040 0%, #180810 100%);
  --head-mark: " ★";
  --head-text: #f0e4d0;
  --label: #c4a070;
  --lilac: var(--text-muted);
  --link: #b08090;
  --link-hover: #e0a878;
  --marquee-artist: #c41e3a;
  --marquee-text: #c4a090;
  --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: #0c0810;
  --rule: rgba(140, 60, 90, 0.4);
  --text: #e8dcc8;
  --text-muted: #8a7088;
  --veilnet-banner: url("../assets/veilnet-banner-belvue.png");
  --wash: linear-gradient( 180deg, transparent 0%, rgba(20, 8, 18, 0.35) 40%, rgba(8, 4, 12, 0.75) 100% );
}

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

.portrait {
  filter: contrast(1.05) saturate(0.92);
}

a {
  text-shadow: none;
}

a:hover {
  color: var(--link-hover);
  text-shadow: 1px 1px 0 #000;
}

.box h2,
.box h3 {
  text-shadow: 2px 2px 0 #000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: var(--font-ui);
  font-size: 12px;
}

.box h3::after {
  color: var(--accent);
}

.contact h2 {
  color: var(--accent);
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.12em;
}

.topnav a {
  text-shadow: none;
}

.qlog-summary {
  color: #b890a0;
}

#mood-reroll {
  margin-left: 4px;
  padding: 0 4px;
  border: 1px solid var(--box-border);
  background: var(--btn-well);
  color: var(--accent);
  cursor: pointer;
  font: 12px/1.2 var(--font-ui);
}

#mood-reroll:hover {
  color: var(--link-hover);
}