/* ============================================================
   LŌUIS GŌSCHL · zentrale Design-Tokens
   Eine Datei fuer den kompletten Look der Website.

   LOOK AENDERN:  Nur die Werte im Block "KERN" unten anpassen.
   Alles darunter leitet sich automatisch daraus ab
   (Aliase, Glows, Fuellungen, Linien).

   Eingebunden von: index.html, /preise, /case/*
   ============================================================ */

:root{

  /* ============ KERN · hier aendern ============ */

  /* Marke / Akzent */
  --accent:        #FF2D16;      /* Brand Red  */
  --accent-rgb:    255,45,22;    /* gleiche Farbe als RGB (fuer Glows) */
  --accent-bright: #FF5A45;      /* helle Variante (Hover, Highlights) */

  /* Grundflaeche + Text */
  --bg:            #0A0A0A;      /* Seitenhintergrund */
  --cream:         #F5F4F0;      /* Primaertext (warm, nie reinweiss) */
  --cream-rgb:     245,244,240;  /* gleiche Farbe als RGB (Linien/Fuellungen) */
  --grey:          #9A9A9A;      /* Sekundaertext */
  --grey-dim:      #6A6A6A;      /* Tertiaertext / Metadaten */

  /* Schrift */
  --sans: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* BOLD · Silber (nur BOLD-Kontext) */
  --silver:        #C8CDD6;
  --silver-rgb:    200,205,214;
  --silver-bright: #F4F6FA;
  --silver-deep:   #8A909C;

  /* ============ ABLEITUNGEN · i.d.R. nicht anfassen ============ */

  /* Akzent-Alias (Preise-Seite nutzt --red) */
  --red:        var(--accent);
  --red-bg:     rgba(var(--accent-rgb),0.09);
  --red-border: rgba(var(--accent-rgb),0.28);

  /* Flaechen (dunkel gestaffelt) */
  --card:      #111111;   /* Cards, Container      */
  --card-top:  #1B1B1B;   /* Gradient-Oberkante    */
  --elev:      #161616;   /* leicht erhoeht        */
  --elevated:  #222222;   /* staerker erhoeht      */
  --hover:     #1C1C1C;   /* Hover-Flaeche         */

  /* Text-Abstufungen aus Cream */
  --dim:   rgba(var(--cream-rgb),0.60);
  --faint: rgba(var(--cream-rgb),0.34);

  /* Linien + Ghost-Fuellungen aus Cream */
  --line:        rgba(var(--cream-rgb),0.08);
  --line2:       rgba(var(--cream-rgb),0.15);
  --line-strong: rgba(var(--cream-rgb),0.12);
  --ghost:       rgba(var(--cream-rgb),0.06);
  --ghost2:      rgba(var(--cream-rgb),0.12);

  /* Silber-Linie */
  --silver-line: rgba(var(--silver-rgb),0.42);

  /* Mono (Footer-Copy) */
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Radien */
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 22px;
}