/* Dvalin Homepage — Farbpalette 1a „Schmiede"
   Schwarz / Grau / Orange — abgeleitet vom Bandbanner
   Stand: 2026-08-20 · Quelle: Dvalin Homepage.dc.html */

:root {
  /* Grundflächen */
  --dv-bg:            #101010; /* Seitengrund */
  --dv-surface:       #1a1a1a; /* Karten, Listenflächen */
  --dv-surface-2:     #161616; /* Fußzeile, Bänder */
  --dv-tile-hi:       #232323; /* Merch-Tile, Verlauf hell */
  --dv-tile-lo:       #141414; /* Merch-Tile, Verlauf dunkel */

  /* Text */
  --dv-text:          #f3f1ee; /* Überschriften */
  --dv-text-2:        #e6e2dc; /* Fließtext, Listen */
  --dv-text-3:        #c9c4bc; /* Lead, gedimmter Text */
  --dv-muted:         #a09a91; /* Kicker, Meta */
  --dv-muted-2:       #8d8781; /* Sekundärinfo, inaktiv */
  --dv-placeholder:   #6f6a63; /* Eingabe-Platzhalter */

  /* Akzent */
  --dv-accent:        #ef8a33; /* Rahmen, Linien, aktiver Zustand */
  --dv-accent-text:   #f6b566; /* Akzenttext auf dunklem Grund */
  --dv-accent-label:  #f8c583; /* Button-Label */
  --dv-accent-tint:   rgba(239,138,51,.14); /* Badge-Fläche, Hover */
  --dv-accent-glow:   rgba(228,101,36,.18); /* Hero-Schein */
  --dv-grad-ember:    linear-gradient(158deg,#e46524 0%,#f2b751 52%,#f8e070 100%); /* nur Logo & Print-Motive */

  /* Linien */
  --dv-card-line:     rgba(255,255,255,.07);
  --dv-line:          rgba(255,255,255,.08);
  --dv-line-strong:   rgba(255,255,255,.14);

  /* Typografie */
  --dv-font-display:  'Big Shoulders Display', Inter, sans-serif; /* 700, Versalien */
  --dv-font-body:     Inter, system-ui, sans-serif;               /* 300 / 400 / 500 */

  /* Radien (aus dem Design-System) */
  --dv-radius:        8px;
  --dv-radius-pill:   20px;
}

/* Regeln
   1. Akzent nur als Linie, Rahmen oder Tint — keine großen gefüllten Flächen.
   2. --dv-grad-ember ausschließlich für Logo und Print-Motive, nie für Flächen oder Text.
   3. Trennlinien laufen an den Enden aus: linear-gradient(90deg, var(--dv-line), transparent).
   4. Fotos auf --dv-bg mit mix-blend-mode: lighten einbetten.
   5. Kontrast: #ef8a33 auf #101010 = 7,6:1 · #f6b566 = 10,6:1 · #c9c4bc = 11,0:1. */