:root {
  /* buttons */
  --fc-classic-button: #bc1d23;
  --fc-classic-button-border: #bc1d23;
  --fc-classic-button-strong: #555;
  --fc-classic-button-strong-border: #555;
  --fc-classic-button-outline: #bc1d23;
  --fc-classic-button-foreground: #fff;

  /* primary */
  --fc-classic-primary: #bc1d23;
  --fc-classic-primary-foreground: #fff;

  /* calendar content */
  --fc-classic-event: var(--fc-classic-primary);
  --fc-classic-event-contrast: var(--fc-classic-primary-foreground);
  --fc-classic-background-event: #ffdbd1;
  --fc-classic-background-event-opacity: 15%;
  --fc-classic-background-event-foreground-opacity: 50%;
  --fc-classic-highlight: #ffdbd14d;
  --fc-classic-today: #bc1d2333;
  --fc-classic-now: #ba1a1a;
  /* non-colors */
  --fc-classic-small-dot-width: 8px;
  --fc-classic-large-dot-width: 10px;

  /* neutral backgrounds */
  --fc-classic-background: #ffffff;
  --fc-classic-faint: #7c6d671a;
  --fc-classic-muted: #7c6d6726;
  --fc-classic-strong: #7c6d674d;

  /* neutral foregrounds */
  --fc-classic-foreground: #0c0a09;
  --fc-classic-faint-foreground: #bebebe;
  --fc-classic-muted-foreground: #8d8d8d;

  /* neutral borders */
  --fc-classic-border: #e2dedd;
  --fc-classic-strong-border: #c9c4c3;
}

@media not print {
  [data-color-scheme=dark] {
    /* buttons */
    --fc-classic-button: #ffb5a0;
    --fc-classic-button-border: #ffb5a0;
    --fc-classic-button-strong: #ffc4b3;
    --fc-classic-button-strong-border: #ffbda9;
    --fc-classic-button-outline: #f94e1b80;
    --fc-classic-button-foreground: #561f0f;

    /* calendar content */
    --fc-classic-primary: #ffb5a0;
    --fc-classic-primary-foreground: #561f0f;
    --fc-classic-background-event: #723523;
    --fc-classic-now: #ffb4ab;
    --fc-classic-highlight: #7235234d;
    --fc-classic-today: #e7bdb2;

    /* neutral backgrounds */
    --fc-classic-background: #030712;
    --fc-classic-faint: #ffffff0a;
    --fc-classic-muted: #ffffff14;
    --fc-classic-strong: #ffffff24;

    /* neutral foregrounds */
    --fc-classic-foreground: #ffffff;
    --fc-classic-faint-foreground: #898989;
    --fc-classic-muted-foreground: #b0b0b0;

    /* neutral borders */
    --fc-classic-border: #34312f;
    --fc-classic-strong-border: #544f4d;
  }
}


    @media screen and (max-width: 767px)  {

        .fc .fc-toolbar-title {
            font-size: 1.2em !important;
        }

        .fc .fc-button {
            padding: 0.2em 0.45em !important;
            font-size: 0.75rem !important;
        }

        .fc .fc-button .fc-icon {
            vertical-align: middle !important;
            font-size: 1em !important;
        }

        a.fc-daygrid-week-number {
            font-size: xx-small;
        }


        .fc-daygrid-day-events {
            position: absolute;
            top: 0px;
            color: blue;
            font-size: x-small;
        }
}