/*
1. COMMON_BASE.CSS
   This defines properties common in the whole of this website.
   Some properties are called VANILLA,
   able to be changed by the page's peculiar style.

2. STYLE.CSS
   This defines properties peculiar in this page.
   Some properties should be called FLAVOR,
   able to be change VANILLA properties.

3. COMMON_TOPPER.CSS
   This defines properties common in the whole of this website,
   which relies on VANILLA or FLAVOR.
*/

/* ABSOLUTELY COMMON */

:root {
  font-size: 14px;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  --bg: #000;
  --bga: #000a;
  --c1: #fff;
  --outline-bg: solid 1px var(--bg);
  --outline-c1: solid 1px var(--c1);
}
html {
  background: var(--bg);
  color: var(--c1);
}
body {
  margin: 0;
}

/* VANILLA */

/* headertext */

h1,
h2,
h3,
h4 {
  margin: 0;
}

/* hr */
hr {
  border: var(--outline-c1);
}

/* list */

ul {
  margin-block: 0.5em;
  padding-inline-start: 1.5em;
}

/* checkbox */
input.toggly {
  --toggly-height: 1em;
  border-radius: 0;
  outline: var(--outline-c1);
  background: transparent;
}
input.toggly::before {
  border-radius: 0;
}
input:checked.toggly {
  background: #5a8;
}
input:checked.toggly::before {
  outline-color: #5a8;
}
