/* ==========================================================================
   Bremen SysCom – Design-Tokens
   Palette (Tinte, Knochenweiß, Petrol/Signal, Glut) – dunkel und
   kontrastreich für eine bildschirmfüllende 3D-Bühne.
   ========================================================================== */
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-latin-wght-normal.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-latin-wght-italic.woff2") format("woff2"); font-weight: 300 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/public-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --ink: #070913;
  --ink-2: #0b0f1f;
  --ink-3: #121831;
  --panel: rgba(9, 12, 25, .82);
  --panel-strong: rgba(8, 10, 21, .93);

  --bone: #f4eee2;
  --bone-dim: #d9d1bf;
  --mist: #aeb6d6;
  --mist-dim: #8189ab;

  --petrol: #007d9f;
  --signal: #5fe4c8;
  --signal-soft: #a9f1de;
  --ember: #e98a4c;
  --coral: #ff6b5e;

  --line: rgba(170, 182, 255, .16);
  --line-strong: rgba(170, 182, 255, .32);

  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;

  --text-base: 1.0625rem;
  --text-small: .875rem;
  --text-label: .72rem;

  --margin: clamp(18px, 5vw, 88px);
  --wrap: 1320px;
  --header-h: 68px;
  --dock-h: 0px;
  --radius: 2px;

  --ease: cubic-bezier(.16, .84, .24, 1);
}