/*
  https://www.shemshak.org/~amin/bandali.css

  This file is marked with CC0 1.0 Universal
  and is dedicated to the public domain.

  Light theme based on doric-lilac,
  dark theme based on doric-fire,
  from Protesilaos' doric-themes.
*/

body {
  background-color: #f2f0e7;
  color: #1a3530;
  font: 1em/1.5 sans-serif;
  max-width: 37.5em;
  margin: 0 auto;
  padding: 1.5em;
}

@font-face {
  font-family: sahel;
  src: local('Sahel WOL'), local('Sahel'),
       url('sahel.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: sahel;
  src: local('Sahel Bold WOL'), local('Sahel Bold'),
       url('sahelb.woff2') format('woff2');
  font-weight: bold;
}

:lang(fa) {
  font-family: sahel, sans-serif;
  text-underline-offset: 0.3em;
  outline-offset: 0.3em;
}

h1 { font-size: 1.25em; margin: 0; }
h1 i, h2 i {
  font-size: initial;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
}
h2 { font-size: 1.25em }
h3 { font-size: 1.125em }

a:link { color: #103077 }
a:visited { color: #700054 }
a:hover, a:focus {
  text-decoration: none;
  outline-offset: 0.25em;
}
a:active { color: #982500 }

li time { font-size: smaller }

:lang(fa) ol { list-style-type: persian }

footer { margin-top: 1.5em }
sub, sup { line-height: 1 }
kbd { font-weight: bold }

img, video {
  max-width: 100%;
  border-radius: 4px;
}
video {
  width: calc(100vw - 3em);
  max-width: 45em;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
:lang(fa) video {
  right: 50%;
  transform: translateX(50%);
}
.pix, .pixc img {
  image-rendering: pixelated;
  border-radius: 0;
}
video, img.pop {
  box-shadow: 0 3px 8px #6e522a1f;
  transition: transform 0.25s;
}
img.pop:hover { transform: scale(1.5) }
figure { text-align: center; margin: 0 auto 1em; }

/* Texinfo */
#Top > .nav-panel > p { margin-top: 0 }
div.example { margin-left: 1.5em }
table { border-collapse: separate; border-spacing: 0; }
table.multitable { margin: 1.2em auto 1.5em }
.multitable td, .multitable th { width: auto }
table[border="1"], .multitable { border: 2px solid #8f9373 }
.multitable th { border-bottom: 2px solid #8f9373 }
td, th { text-align: left }
:lang(fa) td, :lang(fa) th { text-align: right }
td { padding: .2em .6em }
th { padding: .3em .6em }

.float-left { float: left; margin-right: 8px; }
.float-right { float: right; margin-left: 8px; }
.text-left { text-align: left }
.text-center { text-align: center }
.text-right { text-align: right }
.vamid { vertical-align: middle }
:target { background-color: #ffd7004d }
.fade { color: #8f9373 }
.hl { color: #595000 }
mark { background-color: #595000; color: #f2f0e7; }
hr, hr.hr {
  margin: 1.45em 0;
  border-color: #53402f;
  /* replicate thinness of <hr size="1"> */
  border-style: solid none none none;
}
article hr:not(.hr) { margin: initial; border: none; }
article hr:not(.hr):before {
  content: "-*-";
  display: block;
  color: #1a3530;
  font-family: monospace;
  text-align: center;
}

@media (max-width: 40em) { /* 640px */
  body { padding: 1em }
  video { width: calc(100vw - 2em) }
}

@media (prefers-color-scheme: dark) {
  body { background-color: #282420; color: #f5ceb0; }
  a:link { color: #a6b9e7 }
  a:visited { color: #e9acbf }
  a:active { color: #eca27f }
  video, img.pop { box-shadow: 0 3px 8px #afa4971f }
  :target { background-color: #1b1815 }
  table[border="1"], .multitable { border-color: #706061 }
  .multitable th { border-bottom-color: #706061 }
  .fade { color: #706061 }
  .hl { color: #ceba80 }
  mark { background-color: #ceba80; color: #282420; }
  hr { border-color: #706061 }
}