/* =========================================================================
   TOKENS — Oliver Albach Brand-Universum
   -------------------------------------------------------------------------
   Block A (FAMILIE) kommt aus assets/shared/tokens.css (Quelle: /_shared)
   und wird davor geladen. Hier steht nur Block B (MARKE) — studio ọmọ.
   ========================================================================= */

/* ------------------------------------------------------------------ B ----
   MARKE — studio ọmọ
   Ein Grund, ein Akzent. Near-Black und Sand/Gold tragen die gesamte
   Oberfläche. Licht (Amber, Kalt-Blau, Weiß) erscheint ausschließlich in
   Licht-Ebenen: LED-Wand, Bildplätze, Lichtleiste. Nie als UI-Farbe.
   ------------------------------------------------------------------------ */
:root {
  --bg: #0a0a0a;
  --bg-void: #050505;        /* hinter der LED-Wand, tiefer als der Grund    */
  --bg-raise: #0f0e0c;

  --fg: #d8c3a0;             /* Sand — Text, Wortmarke, Linien               */
  --fg-dim: #9c8f74;         /* 6.2:1 auf --bg — Fließtext, Mono-Zeilen      */
  --fg-mute: #877b62;        /* 4.7:1 auf --bg — kleine Mono-Angaben         */
  --fg-ghost: #4a4438;       /* rein dekorativ, trägt nie Inhalt             */

  --line: #241f18;
  --line-soft: #161310;

  /* Display- und Textschrift — studio-ọmọ-exklusiv */
  --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* Lichtfarben der Arbeiten — ausschließlich Bild- und Lichtinhalt.
   spy() in main.js setzt --light pro Sektion auf einen dieser Werte. */
:root {
  --light-amber: #ff8a2a;    /* Blitz Bar                                   */
  --light-blue: #3b6bff;     /* VECTOR, PARALLEL 01                         */
  --light-white: #f3ede2;    /* Gleam, Refraction, Veer                     */
  --light-magenta: #d64bb4;  /* Polarized Nature — RGB-Split                */

  --light: var(--light-amber);
}

/* Eigene Abstände über Block A hinaus */
:root {
  --rail: 5.5rem;            /* Breite der Mono-Randspalte                  */
  --measure: 34rem;          /* ~62 Zeichen                                 */
}

@media (max-width: 56.25rem) {
  :root {
    --rail: 0rem;
  }
}