/* Moreno Lichtbild – Design Tokens
   Eigenständige, durchgehend dunkle Produktseite. Die Farbwelt ist bewusst
   entsättigt und warm, damit das Licht der Lichtbilder die einzige echte
   Farbquelle auf der Seite bleibt. Alles unter .mlb gescoped nutzbar. */

:root {
  /* ===== Flächen (dunkel, warm-neutral) ===== */
  --mlb-ink: #0a0908;            /* Seitengrund – tiefes warmes Schwarz */
  --mlb-ink-soft: #100e0d;       /* abgesetzte Sektionen */
  --mlb-ink-raised: #171513;     /* Karten, Panels */
  --mlb-ink-high: #1f1c19;       /* Controls, Hover */
  --mlb-ink-deep: #060505;       /* Footer, Bühnenhintergrund */

  /* ===== Text ===== */
  --mlb-text: #f1ece4;
  --mlb-text-muted: #a49b8f;
  --mlb-text-faint: #6f675d;

  /* ===== Licht / Akzent ===== */
  --mlb-accent: #e8b95c;         /* Lichtgold – nur für Licht & Interaktion */
  --mlb-accent-soft: #f3d9a3;
  --mlb-accent-deep: #b9832a;
  --mlb-warm-2300: 255, 173, 96;
  --mlb-warm-3000: 255, 202, 143;
  --mlb-warm-6000: 214, 232, 255;

  /* ===== Linien & Schatten ===== */
  --mlb-line: rgba(241, 236, 228, 0.1);
  --mlb-line-strong: rgba(241, 236, 228, 0.2);
  --mlb-shadow-lg: 0 40px 90px -40px rgba(0, 0, 0, 0.9);

  /* ===== Status ===== */
  --mlb-error: #ff8a70;
  --mlb-success: #9fce9f;

  /* ===== Typografie =====
     Systemstack (kein externer Font-Request, embed-safe). Eleganz entsteht
     über Gewicht, Laufweite und Zeilenhöhe – nicht über Schriftvielfalt. */
  --mlb-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --mlb-font-serif: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;

  --mlb-display: clamp(2.5rem, 1.4rem + 4.6vw, 5rem);  /* 40–80 Hero */
  --mlb-h2: clamp(1.9rem, 1.3rem + 2.6vw, 3.25rem);    /* 30–52 */
  --mlb-h3: clamp(1.3rem, 1.15rem + 0.9vw, 1.75rem);   /* 21–28 */
  --mlb-h4: 1.125rem;
  --mlb-text-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --mlb-text-md: 1rem;
  --mlb-text-sm: 0.9375rem;
  --mlb-text-xs: 0.8125rem;
  --mlb-text-2xs: 0.6875rem;

  --mlb-track-display: -0.03em;
  --mlb-track-tight: -0.02em;
  --mlb-track-wide: 0.18em;      /* Eyebrows, Labels */

  /* ===== Layout ===== */
  --mlb-container: 1320px;
  --mlb-container-narrow: 940px;
  --mlb-pad-x: clamp(1.25rem, 4vw, 3.5rem);
  --mlb-section: clamp(5rem, 3.5rem + 6vw, 9.5rem);
  --mlb-section-sm: clamp(3.5rem, 2.5rem + 4vw, 6rem);
  --mlb-gap: clamp(1.25rem, 0.9rem + 1.2vw, 2rem);
  --mlb-header-h: 68px;

  /* ===== Form ===== */
  --mlb-radius-xs: 3px;
  --mlb-radius: 8px;
  --mlb-radius-lg: 16px;
  --mlb-radius-xl: 24px;
  --mlb-touch: 44px;
  --mlb-focus-ring: 0 0 0 2px var(--mlb-ink), 0 0 0 4px var(--mlb-accent);

  /* ===== Motion ===== */
  --mlb-ease: cubic-bezier(0.33, 1, 0.68, 1);
  --mlb-ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --mlb-dur: 240ms;
  --mlb-dur-slow: 700ms;
  --mlb-dur-scene: 1200ms;
}