$code-bg:     hsl(230,1%,98%);
$code-fg:     #ABB2BF;
$code-red:    #D65122;
$code-red-br: #AE3B36;
$code-green:  #88B966;
$code-yellow: #DEB468;
$code-orange: #C58853;
$code-blue:   #519DEB;
$code-pink:   #C678DD;
$code-cyan:   #48A8B5;
$code-white:  #ABB2BF;
$code-grey:   #7F848E;

@font-face {
  font-family: 'Iosevka';
  font-display: swap;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  src: url('/static/woff2/iosevk-abbie-regular.woff2') format('woff2'), url('/static/ttf/iosevk-abbie-regular.ttf') format('truetype');
}

body {
  margin: 0;
  background-color:$code-bg;
  color:#ABB2BF;
}

html {
  background-color: $code-bg;
  color:#ABB2BF;
}

pre.Agda {
  margin:           0;
  padding:          1em;
  background-color: $code-bg;
  color:            $code-fg;
}

@keyframes highlight {
  0% {
    background-color: #F5DEB3;
  }
  100% {
    background-color: $code-bg;
  }
}

/* Aspects. */
.Agda {
  .Comment       { color: $code-grey; }
  .Background    { background-color: $code-bg; }
  .Markup        { color: $code-fg; }
  .Keyword       { color: $code-orange; }
  .String        { color: $code-red; }
  .Number        { color: $code-pink; }
  .Symbol        { color: $code-fg; }
  .PrimitiveType { color: $code-blue; }
  .Pragma        { color: $code-fg; }

/* NameKinds. */
  .Bound                  { color: $code-fg; }
  .Generalizable          { color: $code-fg; }
  .InductiveConstructor   { color: $code-green; }
  .CoinductiveConstructor { color: $code-green; }
  .Datatype               { color: $code-blue; }
  .Field                  { color: #F570B7;  }
  .Function               { color: $code-blue; }
  .Module                 { color: $code-pink; }
  .Postulate              { color: $code-blue; }
  .Primitive              { color: $code-blue; }
  .Record                 { color: $code-blue; }

/* OtherAspects. */
  .UnsolvedMeta         { color: $code-fg; background: yellow         }
  .UnsolvedConstraint   { color: $code-fg; background: yellow         }
  .TerminationProblem   { color: $code-fg; background: #FFA07A        }
  .IncompletePattern    { color: $code-fg; background: #F5DEB3        }
  .Error                { color: red;   text-decoration: underline }
  .TypeChecks           { color: $code-fg; background: #ADD8E6        }
  .Deadcode             { color: $code-fg; background: #808080        }
  .ShadowingInTelescope { color: $code-fg; background: #808080        }

  /* Standard attributes. */
  a { text-decoration: none }
  a[href]:hover {
    text-decoration: 2px #B4EEB4 underline dotted;
  }
  a[href]:target {
    animation: highlight 2.5s;
  }

  background-color: #282C34;
  font-family: 'Iosevka', 'Fantasque Sans Mono', 'Roboto Mono', monospace;
  font-weight: 400;
  font-size: 16pt;
}