/* MONOPLAST boje. Plava i neutralne su izmerene na https://packhelp.com/ (referenca iz stadijuma 08), narandžasta je bliska logotipu sa starog sajta (dokumenti 10 i 11).
   Izmerene vrednosti kontrasta su u dokumentu 11. Nijedna komponenta ne piše boju kao heks vrednost, uvek koristi promenljivu. */

:root {
  /* Brend */
  --mp-blue-500: #2757FF;   /* plava, logotip, veze i glavno dugme (Packhelp, glavna boja) */
  --mp-blue-700: #0B38D5;   /* tamnija plava, dugme na prelasku mišem, pritisku i fokusu (Packhelp) */
  --mp-blue-200: #D6E6FF;   /* svetla plava, oznake (Packhelp) */
  --mp-blue-100: #EAF2FF;   /* svetla podloga uz plavu (Packhelp) */
  --mp-orange-500: #FF8A1E; /* narandžasta, bliska starom logotipu (#F48120), jače zasićena da stoji uz novu plavu */
  --mp-orange-700: #E8730A; /* tamnija narandžasta, dugme na prelasku mišem */
  --mp-orange-100: #FFEFDF; /* svetla podloga uz narandžastu */

  /* Neutralne, kao na Packhelp sajtu */
  --mp-ink-900: #00061A;    /* naslovi, tamne sekcije i podnožje, skoro crna sa tragom plave */
  --mp-grey-700: #2F2F2F;   /* tekst */
  --mp-grey-500: #555555;   /* sporedni tekst, najmanje 4,5 prema beloj */
  --mp-grey-400: #6E6E73;   /* pomoćni tekst, oznake i natpisi (4,5 prema beloj i prema grey-100) */
  --mp-grey-300: #E7E7E7;   /* linije i okviri */
  --mp-grey-200: #CFCFCF;   /* onemogućeno dugme */
  --mp-grey-100: #F2F2F2;   /* podloga polja, oznaka i tabela, pločice */
  --mp-paper: #F8F8F8;      /* podloga strane */
  --mp-white: #FFFFFF;

  /* Prozirni slojevi, kao na dugmadima Packhelpa */
  --mp-line-ink: rgba(0, 6, 26, .15);   /* okvir dugmeta sa obrisom */
  --mp-tint-ink: rgba(0, 6, 26, .04);   /* podloga dugmeta sa obrisom na prelasku mišem */
  --mp-line-white: rgba(255, 255, 255, .35);
  --mp-tint-white: rgba(255, 255, 255, .08);

  /* Stanja */
  --mp-success: #2E7D32;
  --mp-error: #B3261E;
}