/* ==========================================================================
   DESIGN-TOKENS  —  "Dark Luxury"
   Hier stellst du das gesamte Erscheinungsbild ein. Alle anderen Dateien
   greifen ausschliesslich auf diese Variablen zu.
   ========================================================================== */

:root {
  /* ---- Flaechen ------------------------------------------------------- */
  --c-void:        #06070A;   /* tiefster Hintergrund                     */
  --c-base:        #0B0D11;   /* Seitenhintergrund                        */
  --c-surface:     #12151B;   /* Karten                                   */
  --c-surface-2:   #171B23;   /* gehobene Karten / Hover                  */
  --c-inset:       #0E1116;   /* eingelassene Flaechen (Tabellen, Inputs) */

  /* ---- Gold ----------------------------------------------------------- */
  --gold-deep:     #8A6D2F;
  --gold:          #C9A227;
  --gold-bright:   #D4AF37;
  --gold-light:    #EBD07C;
  --gold-pale:     #FBF3D5;

  --gold-sweep: linear-gradient(
    100deg,
    var(--gold-deep)   0%,
    var(--gold-bright) 22%,
    var(--gold-pale)   42%,
    var(--gold-light)  58%,
    var(--gold)        78%,
    var(--gold-deep)  100%
  );

  --gold-edge: linear-gradient(
    140deg,
    rgba(212, 175, 55, .55),
    rgba(212, 175, 55, .08) 38%,
    rgba(251, 243, 213, .30) 62%,
    rgba(138, 109, 47, .18)
  );

  /* ---- Text ----------------------------------------------------------- */
  --c-text:        #F3F2EF;
  --c-muted:       #A6ACB6;
  --c-dim:         #737A85;
  --c-on-gold:     #17130A;

  /* ---- Linien & Schleier ---------------------------------------------- */
  --line:          rgba(212, 175, 55, .16);
  --line-soft:     rgba(255, 255, 255, .07);
  --glow:          rgba(212, 175, 55, .13);
  --glass:         rgba(15, 18, 23, .62);

  /* ---- Schrift -------------------------------------------------------- */
  /* Bewusst systemeigene Schriften: keine Google-Fonts-CDN, damit keine
     Besucher-IPs an Dritte gehen (DSGVO). Siehe README, Abschnitt Schriften. */
  --font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino,
                  "Book Antiqua", Georgia, "Times New Roman", serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
                  Arial, "Helvetica Neue", sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                  monospace;

  /* fluide Typo-Skala */
  --t-hero:  clamp(2.75rem, 1.30rem + 6.0vw, 6.25rem);
  --t-h2:    clamp(2.00rem, 1.25rem + 2.6vw, 3.50rem);
  --t-h3:    clamp(1.25rem, 1.05rem + 0.7vw, 1.60rem);
  --t-lead:  clamp(1.05rem, 0.98rem + 0.4vw, 1.28rem);
  --t-body:  1.0rem;
  --t-small: 0.875rem;
  --t-micro: 0.75rem;

  --track-eyebrow: .26em;
  --track-tight:  -.022em;

  /* ---- Raster & Abstaende --------------------------------------------- */
  --wrap:      1200px;
  --wrap-slim: 760px;
  --gutter:    clamp(1.25rem, 4vw, 3rem);
  --sect-y:    clamp(5rem, 3rem + 9vw, 9.5rem);

  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;

  /* ---- Radien & Schatten ---------------------------------------------- */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 22px;  --r-xl: 32px;  --r-pill: 999px;

  --shadow-soft:  0 2px 8px rgba(0, 0, 0, .35);
  --shadow-card:  0 18px 50px -22px rgba(0, 0, 0, .85);
  --shadow-lift:  0 30px 70px -28px rgba(0, 0, 0, .95),
                  0 0 0 1px rgba(212, 175, 55, .10);
  --shadow-gold:  0 22px 60px -26px rgba(212, 175, 55, .55);

  /* ---- Bewegung ------------------------------------------------------- */
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --dur-fast:  .22s;
  --dur-mid:   .45s;
  --dur-slow:  .9s;

  /* ---- Ebenen --------------------------------------------------------- */
  --z-bg: 0;  --z-content: 1;  --z-header: 50;  --z-menu: 60;  --z-toast: 90;

  /* feines Filmkorn, damit die Verlaeufe nicht digital wirken */
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}