/* frontend\public\assets\css\base.css */

:root{
  /* Theme: Black + Ice Blue (Premium) */
  --gold: #40b9eb; /* Name bleibt gleich -> Kompatibilität */
  --gold-weak: rgba(64, 185, 235, .12);
  --gold-border: rgba(64, 185, 235, .40);

  --bg: #070607;     /* not pure black */
  --bg2: #0b0a0b;
  --ink: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.66);
  --hair: rgba(255,255,255,.10);

  /* Header overlay opacity (leicht tiefer = Logo/Blau wirkt cleaner) */
  --heroOverlay: 0.48;

  /* Topbar Background strength */
  --topbarOverlay: 0.72;

  /* Topbar height (für Fullscreen Hero Offset) */
  --topbarH: 96px;

  /* Pixel-exakte Header-Höhen */
  --heroH-desktop: 720px;
  --heroH-tablet:  620px;
  --heroH-mobile:  520px;

  /* Premium Ice Blue accent palette (unter alten Variablennamen) */
  --gold-1: #d8f5ff; /* icy highlight */
  --gold-2: #40b9eb; /* main */
  --gold-3: #238fbc; /* shadow edge */
  --gold-4: #145c79; /* deep */
  --gold-glow: rgba(64, 185, 235, .14);
  --gold-glow-strong: rgba(64, 185, 235, .22);
}

@media (max-width: 1024px){
  :root{ --topbarH: 92px; }
}

@media (max-width: 640px){
  :root{ --topbarH: 84px; }
}

html, body { background: var(--bg); }

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
  overflow-x: hidden;
}

.serif{ font-family: "Playfair Display", ui-serif, Georgia, serif; }

/* Subtle luxury noise */
.noise{ position: relative; isolation: isolate; }
.noise::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.10) 0, transparent 2px),
    radial-gradient(1px 1px at 70% 60%, rgba(64,185,235,.07) 0, transparent 2px),
    radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.06) 0, transparent 2px);
  opacity:.12;
  mix-blend-mode: overlay;
  pointer-events:none;
  z-index:-1;
}

/* Divider */
.divider{
  height:1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.10),
    rgba(64,185,235,.10),
    rgba(255,255,255,.08),
    transparent
  );
}

/* Smooth anchor offset with fixed header */
/* Hinweis: Tailwind v4 liefert .scroll-mt-24 bereits (6rem). Optional könntest du diese Zeile entfernen. */
.scroll-mt-24 { scroll-margin-top: 6rem; }