/* NOXQS NETWORK theme: poster direction re-tuned to the noxqs.world brand pin (black + red).
   Screen is dark only (brand pin). The plain :root block holds the paper values that print uses. */

@font-face { font-family: "Bebas Neue"; src: url("fonts/BebasNeue.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --font-display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --w-display: 400;
  --tr-display: 0.005em;
  --tr-h2: 0.01em;
  --lh-display: 0.86;
  --radius: 0px;
  --radius-sm: 0px;
  --radius-button: 0px;
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.18em;
  --fs-display: clamp(4.5rem, 1rem + 15vw, 15rem);
  --fs-h2: clamp(2.75rem, 1.6rem + 4.2vw, 5.5rem);
  --fs-h3: clamp(1.5rem, 1.2rem + 1vw, 2.1rem);

  /* paper (print) */
  --bg: #ffffff;            /* Papier */
  --surface: #ffffff;
  --surface-2: #f3f1ee;     /* Tafeltuch hell */
  --ink: #0b0b0c;           /* Nachtschwarz */
  --muted-strong: #2e2f33;
  --muted: #55575c;
  --line: #d9d6d1;
  --line-strong: #0b0b0c;
  --ink-field: #c8101f;     /* Rotfeld */
  --on-ink: #ffffff;
  --on-ink-muted: #ffffff;
  --accent: #e51d2e;        /* NOXQS-Rot */
  --accent-fill: #c8101f;
  --accent-on-fill: #ffffff;
  --accent-text: #b80e1c;
  --accent-soft: #fbe3e5;
}

@media screen {
  :root:not([data-theme="light"]) {
    --bg: #0b0b0c;          /* Nachtschwarz, noxqs body background */
    --surface: #121317;     /* Base-Beton */
    --surface-2: #181a1f;   /* Tafeltuch */
    --ink: #f2efea;         /* Kreide */
    --muted-strong: #cfcbc4;/* Kreide gedämpft */
    --muted: #a8a49d;       /* Asche */
    --line: #2a2c32;        /* Fuge */
    --line-strong: #f2efea;
    --ink-field: #e51d2e;   /* Rotfeld: NOXQS-Rot als Farbband */
    --on-ink: #ffffff;
    --on-ink-muted: #ffffff;
    --accent: #e51d2e;      /* NOXQS-Rot: Linien, Ziffern in Displaygröße */
    --accent-fill: #c8101f;
    --accent-on-fill: #ffffff;
    --accent-text: #ff4a57; /* Signalrot hell: kleiner roter Text auf Schwarz */
    --accent-soft: #2a1013;
    color-scheme: dark;
  }
}