/* Overrides of the base style sheet*/

/* Global variables. */
:root,
::backdrop {
  /* Default (light) theme */
  --got-bg: #f7fff5;
  --got-odd-bg: #eeffe9;
  --plan-bg: #f3f5ff;
  --plan-odd-bg: #dee4ff;
  --unavail: #ff9898;
  --moveit: #ff9898;
}

img {
  opacity:1;
}

.icon {
  height:1em;
  /* transform:translate(0, 0.1em); */
  transform:translate(0, 0.1em) scale(1.8);
}

.buttonicon {
  height:1em;
  transform:translate(0, 0.1em) scale(1.8);
  filter:invert(1);
}

.form-wide {
  width: 100%;
}

.form-medium {
  width: 100%;
  height: 100px;
  overflow: auto;
}

.form-full {
  width: 100%;
  height: 800px;
  overflow: auto;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root,
  ::backdrop {
    color-scheme: dark;
    --got-bg: #1d241b;
    --got-odd-bg: #243b1d;
    --plan-bg: #1b1b24;
    --plan-odd-bg: #1f1d3b;
    --unavail: #421414;
    --moveit: #421414;
    --accent-bg: #434343;
  }

  .icon {
    filter:invert(1);
  }
  
  .buttonicon {
    filter:invert(0);
  }
}