/* root.css */

/* ============================================================
   RESET
   ============================================================ */
.crt-neutral, .crt-neutral a{
    all: revert !important;
    background: none !important;
    color: black !important;
    font-family: var(--crt-font-family);
    font-size: 16px !important;
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
    outline: none !important;

    display: inline-block;
    position: relative;
    z-index: 9999;
}

/* ============================================================
   RESET
   ============================================================ */
.crt-neutral::before,
.crt-neutral::after {
    content: none !important;
    display: none !important;
}
.crt-neutral, .crt-neutral *, 
.crt-neutral a, .crt-neutral a:hover, .crt-neutral a:active, .crt-neutral a:focus {
    cursor: default !important;
}
button:enabled {
    cursor: pointer!important;
}
button:disabled {
    cursor: not-allowed!important;
}


/* ============================================================
   ROOT
   ============================================================ */
#screen-debug {
  position: fixed;
  top: 4px;
  right: 6px;
  z-index: 999999;
  font-family: monospace;
  font-size: var(--font-text-md);
  color: var(--crt-glow);
  background: rgba(0, 30, 20, 0.65);
  border: 1px solid var(--crt-mid);
  padding: 4px 6px;
  border-radius: 4px;
  opacity: 0.85;
  text-shadow: none;
}


.hr-crt-beauty, hr {
  width: 100%;
  height: 2px;
  border: none;
  margin: 40px 0;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--crt-glow) 50%,
    transparent 100%
  );
  filter: drop-shadow(0 0 6px var(--crt-glow));
}

.hr-crt-tratt {
  border: none;
  height: 2px;
  margin: 40px 0;
  background: repeating-linear-gradient(
    to right,
    var(--crt-glow) 0,
    var(--crt-glow) 4px,
    transparent 4px,
    transparent 8px
  );
  opacity: 0.9;
  filter: drop-shadow(0 0 4px var(--crt-glow));
}

.hr-flat {
  border: none;
  height: 1px;
  margin: 40px 0;
  background: var(--crt-mid);
  box-shadow:
      0 0 6px var(--crt-glow),
      0 0 18px var(--crt-softglow);
}


#fontSwitcher {
  font-size: small;
  max-width: 200px;
}


/* ------------------------------------------



/* EOF / root.css */