/* Trafikverkets grafiska profil (digitalt): röd som sammanhållande färg,
   gråskala som komplement och Open Sans Regular/Bold. Typsnittet ligger lokalt
   så att det fungerar offline. Undvik kursiv och understruken text. */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/vendor/fonts/open-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/vendor/fonts/open-sans-700.woff2") format("woff2");
}

:root {
  /* Röda profilfärger */
  --trv-red: #d70000;        /* Profilröd RGB 215.0.0 – logotyp och sammanhållande färg */
  --trv-red-screen: #ff0000; /* RGB 255.0.0 – endast skärm */
  --trv-red-175: #af0000;
  --trv-red-135: #870000;
  --trv-red-95: #5f0000;
  --trv-red-55: #370000;
  --trv-red-dark: var(--trv-red-175);  /* hover/aktiv */
  --trv-red-tint: #fbe5e5;             /* ljus yta (härledd, ej profilfärg) */

  /* Gråskala */
  --trv-gray-210: #d2d2d2;
  --trv-gray-160: #a0a0a0;
  --trv-gray-120: #787878;
  --trv-gray-80: #505050;
  --trv-black: #000000;
  --trv-white: #ffffff;
  --trv-surface: #f4f4f4;              /* ljus bakgrundsyta (härledd) */

  /* Alias som apparna använder */
  --trv-gray-900: var(--trv-black);
  --trv-gray-700: var(--trv-gray-80);
  --trv-gray-500: var(--trv-gray-120);
  --trv-gray-300: var(--trv-gray-210);
  --trv-gray-100: var(--trv-surface);

  --trv-font: "Open Sans", Arial, sans-serif;

  /* Signalfärger för framkomlighet på kartan (följer trafikkonvention) */
  --sig-blocked: var(--trv-red-175);
  --sig-partial: #e07b00;
  --sig-info: #00599c;
  --sig-ok: #2e7d32;
}

.trv-logo { display: block; height: 32px; width: auto; flex: none; }