/* Puhelimen omat värit — ainoa paikka tokenien ulkopuolella, jossa hex on sallittu.
 *
 * Simulaattorin puhelin esittää WhatsAppia tai tekstiviestisovellusta, ja sen on
 * näytettävä siltä sovellukselta jota se esittää. Nosteen brändi ei kuulu puhelimen
 * sisälle: koko simulaattorin idea on nähdä se, minkä vastaanottaja oikeasti näkee.
 *
 * DESIGN.md sääntö 10. Nämä värit eivät ole tokeneita eivätkä saa vuotaa työkalun
 * puolelle, ja siksi ne ovat omassa tiedostossaan eivätkä tokens.css:ssä.
 */

:root {
  /* WhatsApp */
  --wa-palkki:  #128c7e;
  --wa-tausta:  #ece5dd;
  --wa-oma:     #dcf8c6;   /* botin kupla */
  --wa-saapuva: #ffffff;   /* prospektin kupla */
  --wa-teksti:  #111b21;
  --wa-vaimea:  #667781;
  --wa-kuittaus:#53bdeb;

  /* Tekstiviesti. Ei lukukuittauksia eikä läsnäolotietoa: niitä ei ole. */
  --sms-tausta:  #efeff4;
  --sms-palkki:  #f7f7f9;
  --sms-oma:     #ffffff;
  --sms-saapuva: #ffffff;
  --sms-reuna:   #d8d8dd;
  --sms-teksti:  #101114;
  --sms-vaimea:  #8a8a8e;
}