:root {
  --default-text: black;
  --symbol: #404040;
  --blue: #5175be;
}

@media (prefers-color-scheme: dark) {
  :root {
    --default-text: white;
    --symbol: #b0b0b0;
    --blue: #9999FF;
  }
}

/* Aspects. */
.content .Agda .Comment       { color: #B22222 }
.content .Agda .Background    {}
.content .Agda .Markup        { color: var(--default-text); }
.content .Agda .Keyword       { color: #CD6600 }
.content .Agda .String        { color: #B22222 }
.content .Agda .Number        { color: #A020F0 }
.content .Agda .Symbol        { color: var(--symbol); }
.content .Agda .PrimitiveType { color: var(--blue); }
.content .Agda .Pragma        { color: var(--default-text);   }
.content .Agda .Operator      {}
.content .Agda .Hole          { background: #B4EEB4 }

/* NameKinds. */
.content .Agda .Bound                  { color: var(--default-text);   }
.content .Agda .Generalizable          { color: var(--default-text);   }
.content .Agda .InductiveConstructor   { color: #008B00 }
.content .Agda .CoinductiveConstructor { color: #8B7500 }
.content .Agda .Datatype               { color: var(--blue); }
.content .Agda .Field                  { color: #EE1289 }
.content .Agda .Function               { color: var(--blue); }
.content .Agda .Module                 { color: #A020F0 }
.content .Agda .Postulate              { color: var(--blue); }
.content .Agda .Primitive              { color: var(--blue); }
.content .Agda .Record                 { color: var(--blue); }

/* OtherAspects. */
.content .Agda .DottedPattern        {}
.content .Agda .UnsolvedMeta         { color: var(--default-text); background: yellow         }
.content .Agda .UnsolvedConstraint   { color: var(--default-text); background: yellow         }
.content .Agda .TerminationProblem   { color: var(--default-text); background: #FFA07A        }
.content .Agda .IncompletePattern    { color: var(--default-text); background: #F5DEB3        }
.content .Agda .Error                { color: red;   text-decoration: underline }
.content .Agda .TypeChecks           { color: var(--default-text); background: #ADD8E6        }
.content .Agda .Deadcode             { color: var(--default-text); background: #808080        }
.content .Agda .ShadowingInTelescope { color: var(--default-text); background: #808080        }

/* Standard attributes. */
.Agda a { text-decoration: none }
.Agda a[href]:hover { background-color: #B4EEB4 }
.Agda [href].hover-highlight { background-color: #B4EEB4; }