@import url('./main-layout.css');
    [theme~="dark"] {
      --lumo-primary-color: hsl(214, 21%, 47%);
      --lumo-primary-color-50pct: hsla(214, 21%, 47%, 0.5);
      --lumo-primary-color-10pct: hsla(214, 21%, 47%, 0.1);
      --lumo-primary-text-color: hsla(216, 36%, 64%, 0.9);
      --lumo-body-text-color: hsla(216, 36%, 64%, 0.9);
      --lumo-shade: hsl(214, 10%, 59%);
      --lumo-shade-5pct: hsla(214, 10%, 59%, 0.05);
      --lumo-shade-10pct: hsla(214, 10%, 59%, 0.1);
      --lumo-shade-20pct: hsla(214, 10%, 59%, 0.2);
      --lumo-shade-30pct: hsla(214, 10%, 59%, 0.3);
      --lumo-shade-40pct: hsla(214, 10%, 59%, 0.4);
      --lumo-shade-50pct: hsla(214, 10%, 59%, 0.5);
      --lumo-shade-60pct: hsla(214, 10%, 59%, 0.6);
      --lumo-shade-70pct: hsla(214, 10%, 59%, 0.7);
      --lumo-shade-80pct: hsla(214, 10%, 59%, 0.8);
      --lumo-shade-90pct: hsla(214, 10%, 59%, 0.9);
      --lumo-error-color: hsl(349, 15%, 63%);
      --lumo-error-color-50pct: hsla(349, 15%, 63%, 0.5);
      --lumo-error-color-10pct: hsla(349, 15%, 63%, 0.1);
      --lumo-error-text-color: hsla(359, 57%, 56%, 0.9);
      --lumo-base-color: hsl(214, 6%, 9%);
      --lumo-success-color: hsl(145, 7%, 65%);
      --lumo-success-color-50pct: hsla(145, 7%, 65%, 0.5);
      --lumo-success-color-10pct: hsla(145, 7%, 65%, 0.1);
      --lumo-success-text-color: hsl(138, 36%, 59%);

    }