/* Low End Supply — trap / hip-hop. Black, hot red, condensed type, hard edges. */
:root {
  color-scheme: dark;
  --bg: #08080a; --surface: #111114; --surface-2: #18181c;
  --line: #26262c; --line-soft: #1b1b20; --line-strong: #44444d;
  --text: #f3f3f5; --muted: #9a9aa6; --dim: #63636e;
  --accent: #ff2e3d; --accent-dk: #d71b2a; --accent-hover: #ff5361; --on-accent: #ffffff;
  --link: #c8ff3d; --ok: #3ee38a; --warn: #ffbf3a; --err: #ff5a5a;
  --header-bg: rgba(8,8,10,.9); --glow: rgba(255,46,61,.55);
  --bg-glow-1: rgba(255,46,61,.09); --bg-glow-2: rgba(200,255,61,.04);
  --notice-ok-fg: #b9f7d4; --notice-err-fg: #ffd0d3; --notice-info-fg: #e6ffb0;
  --danger: #d71b2a; --danger-hover: #ff2e3d;
  --radius: 4px;
  --font-display: Anton, Impact, "Arial Narrow", sans-serif;
  --font: Inter, ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --mono: "Space Mono", ui-monospace, Menlo, Consolas, monospace;
}
h1, h2, h3, .brand, .price { font-weight: 400 !important; letter-spacing: .01em; text-transform: uppercase; }
.hero h1 { font-size: clamp(40px, 8vw, 72px); line-height: .95; }
.brand::before { width: 14px; height: 14px; border-radius: 0; transform: skewX(-12deg); }
.btn { text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.card { border-width: 1px; }
.card:hover { border-color: var(--accent); }
.eyebrow { color: var(--link); }
.site-header { border-bottom: 2px solid var(--accent); }