/* ============================================================
   JET ART · Marken-Token und Schriften
   ------------------------------------------------------------
   EINE Quelle fuer Farben, Schriften und Masse — genutzt von der
   Startseite und den Rechtsseiten. Wer hier eine Farbe aendert,
   aendert sie ueberall. Alles andere bleibt bewusst bei der
   jeweiligen Seite, weil es dort nur einmal gebraucht wird.
   ============================================================ */

/* Fonts · self-hosted, keine Fremdanfrage ------------------- */
@font-face{font-family:"Helvetica Neue";src:url("fonts/HelveticaNeueRoman.woff2") format("woff2"),url("fonts/HelveticaNeueRoman.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("fonts/HelveticaNeueItalic.woff2") format("woff2"),url("fonts/HelveticaNeueItalic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("fonts/HelveticaNeueMedium.woff2") format("woff2"),url("fonts/HelveticaNeueMedium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("fonts/HelveticaNeueBold.woff2") format("woff2"),url("fonts/HelveticaNeueBold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue";src:url("fonts/HelveticaNeueHeavy.woff2") format("woff2"),url("fonts/HelveticaNeueHeavy.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}

/* Tokens ---------------------------------------------------- */
:root{
  --paper:#f3f2f2;
  --surface:#eae9e9;
  --ink:#201e1d;
  --accent:#ec3013;
  --divider:color-mix(in srgb,#201e1d 40%,transparent);
  --divider-soft:color-mix(in srgb,#201e1d 18%,transparent);

  --n100:#f8f4f4; --n200:#eae7e7; --n300:#d7d3d3; --n400:#bab6b6;
  --n500:#9b9797; --n600:#7d7979; --n700:#605d5d; --n800:#444141; --n900:#2d2b2b;

  --a100:#fff2ef; --a200:#ffe0d9; --a300:#ffc4b8; --a400:#ff9783;
  --a500:#ff563c; --a600:#dd2b0f; --a700:#ae1800; --a800:#7c1405; --a900:#4d170e;

  /* Gold · ausschliesslich fuer das Slogan-Ampersand ---------- */
  --g1:#ae8625; --g2:#f7ef8a; --g3:#d2ac47; --g4:#edc967;
  --gold-grad:linear-gradient(115deg,var(--g1),var(--g2),var(--g4),var(--g3),var(--g1));

  --font-heading:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  --font-body:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;

  --maxw:1560px;
  --pad-x:clamp(20px,4vw,56px);
  --sec-y:clamp(52px,7vw,110px);
  --rule:2px;
  --ease-out:cubic-bezier(.16,.84,.28,1);

  /* Alias-Tokens fuer cms-hydrate.js ---------------------------
     Das Hydrations-Skript spritzt eigene Styles ein und greift dabei
     auf die Token-Namen der v6-Fassung zu (--font-sans, --ink-soft,
     --line …). Statt dort 80 Regeln nachzuziehen, zeigen die alten
     Namen hier auf die neuen Werte — die CMS-Bloecke uebernehmen die
     Modernist-Palette damit von allein. Die Formen (Radien, Schatten)
     kommen darunter in der Modernist-Ebene. */
  --font-sans:var(--font-body);
  --font-mono:var(--font-body);
  --paper-2:var(--surface);
  --paper-3:var(--n300);
  --ink-2:var(--n900);
  --ink-soft:var(--n800);
  --ink-mute:var(--n700);
  --line:var(--divider);
  --line-strong:var(--divider);
  --accent-deep:var(--a700);
  --accent-wash:var(--a100);
  --ease:cubic-bezier(.16,.84,.28,1);
}