/*
 * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-marker-azzurro: #2B96D9;
  --ck-highlight-marker-verde: #29A274;
  --ck-highlight-marker-rosso: #C22823;
  --ck-highlight-marker-bianco: #ffffff;
  --ck-highlight-marker-grigio-chiaro: #F4F5F7;
  --ck-highlight-marker-grigio-scuro: #262F3D;
}

.pen-red {
  color: var(--ck-highlight-pen-red);

  /* Override default yellow background of `<mark>` from user agent stylesheet */
  background-color: transparent;
}

.pen-green {
  color: var(--ck-highlight-pen-green);

  /* Override default yellow background of `<mark>` from user agent stylesheet */
  background-color: transparent;
}

.marker-azzurro {
  background-color: var(--ck-highlight-marker-azzurro);
  color: white;
}

.marker-verde {
  background-color: var(--ck-highlight-marker-verde);
  color: white;
}

.marker-rosso {
  background-color: var(--ck-highlight-marker-rosso);
  color: white;
}

.marker-bianco {
  background-color: var(--ck-highlight-marker-bianco);
  color: black;
}

.marker-grigio-chiaro{
  background-color: var(--ck-highlight-marker-grigio-chiaro);
  color: black;
}

.marker-grigio-scuro {
  background-color: var(--ck-highlight-marker-grigio-scuro);
  color: white;
}