:root {
--accent1: var(--tae-mars-accent1);
--accent2: var(--tae-mars-accent2);
--accent3: var(--tae-mars-accent3);
}

/*
h1,h2,h3,h4,h5,h6
{
  color: var(--tae-mars);
}

a
{
 color: var(--tae-mars-accent2);
}
*/
body {
    position: relative;
    z-index: 0;  
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        color-mix(in oklab, var(--tae-mars) 18%, transparent),
        color-mix(in oklab, var(--tae-mars) 18%, transparent)
    );
    mix-blend-mode: additive;

}

#content-body, .echonet_render_fieldset /* , body */
{
/*      background: linear-gradient(
        color-mix(in oklab, var(--tae-mars) 18%, transparent),
        color-mix(in oklab, var(--tae-mars) 18%, transparent)
      );*/
      background: linear-gradient( color-mix(in oklab,var(--tae-dglass) 70%, transparent), color-mix(in oklab, var(--tae-mars-bg) 30%, transparent) );
    /* mix-blend-mode: multiply;*/
      /*opacity: 0.18;  */
      padding-left:1em;
      padding-right:1em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
}

.mars-border
{
    border-left: 1px solid var(--tae-mars-accent1);
}

.mars-padded-img {
    display: inline-block;
    position: relative;
    padding: 0.55em;
}

.mars-padded-img::before,
.mars-padded-img::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px dotted var(--tae-mars);
}


.mars-padded-img::before {
    top: -3px;
    left: -3px;
    border-right: none;
    border-bottom: none;
}

.mars-padded-img::after {
    bottom: -3px;
    right: -3px;
    border-left: none;
    border-top: none;
}