/* vim: set foldmethod=marker fmr=/*\—,/**\/: */

/*:::::::::::::::::::::::::::::::::::::::: THEME.css */
 
/*——————————————————————————————————————— notes

   Version 1.0, 23 September 2026
   by Andrew Swift (see github for contact info)
 
   built with mdsite for time-proof simple websites
/**/ 

/*::::::::::::::::::::::::::::::::::::::: setup */

/*——————————————————————————————————————— font-faces */

@font-face {
  font-family: 'Akzidenz';
  src: url('/THEME/fonts/WOFF Files/AkzidenzGrotesk-LightExtended.woff') format('woff');
  font-weight:light;
  font-style:normal;
}

@font-face {
  font-family: 'Akzidenz';
  src: url('/THEME/fonts/WOFF Files/AkzidenzGrotesk-MediumExtended.woff') format('woff');
  font-weight:bold;
  font-style:normal;
}

@font-face {
  font-family: 'Bookerly';
  src: url('/THEME/fonts/WOFF Files/Bookerly-Light.woff') format('woff');
  font-weight:light;
  font-style:normal;
}

@font-face {
  font-family: 'Bookerly';
  src: url('/THEME/fonts/WOFF Files/Bookerly-Light-Italic.woff') format('woff');
  font-weight:light;
  font-style:italic;
}

@font-face {
  font-family: 'Helvetica';
  src: url('/THEME/fonts/WOFF Files/Helvetica Regular.woff') format('woff');
  font-weight:regular;
  font-style:normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('/THEME/fonts/WOFF Files/Helvetica Bold.woff') format('woff');
  font-weight:bold;
  font-style:normal;
}
/**/
/*——————————————————————————————————————— defaults 

    comment goes here */

* { box-sizing:border-box; }

/* additions to named CSS colors */
:root {
  --charcoal  :hsl(0, 0%, 20%);
  --darkergray:hsl(0, 0%, 30%);
}

/**/
/*——————————————————————————————————————— font definitions

  any font on site can be changed here */

:root{
  --bodyFontSize: 1.0rem;
  --postedOnFont: 300 0.8rem "IBM Plex Mono";
  --topTaggedFont: 300 0.8rem "IBM Plex Mono";
  --bodyFont    : 300 var(--bodyFontSize) "IBM Plex Sans";
  --siteDescFont: 400 0.8rem "IBM Plex Mono";
  --siteNavFont : 400 0.9rem "IBM Plex Mono";
  --hxFont      : 600 1.0rem "Barlow Condensed";
  --footerFont  : 300 1.0rem/2.4rem "IBM Plex Sans";
  --captionFont : italic 300 1.0rem/2.4rem "IBM Plex Sans";
  --tableFont   : 400 var(--bodyFontSize) "IBM Plex Mono";
}

/**/
/*——————————————————————————————————————— color definitions

  any color on site can be changed here
  https://enes.in/sorted-colors/ */

:root{
  --bodyFg                : var(--darkergray);
  --bodyBg                : white;

  --titleFg: red;
  --topNavFg: teal;
  --topNavVisitedFg: gray;
  --topNavActiveFg: black;

  --bottomNavFg: pink;
}

/**/

/*::::::::::::::::::::::::::::::::::::::: header */

/*——————————————————————————————————————— logo image */

/**/
/*——————————————————————————————————————— fonts */

/**/
/*——————————————————————————————————————— top nav links */

.postnav.top  li{
  padding-right:20px;
  display:inline;
}

.postnav.top a:link{
  color:var(--topNavFg);
}

.postnav.top a:visited{
  color:var(--topNavVisitedFg);
}

.postnav.top a:hover, .postnav.top  a:active{
  color:var(--topNavActiveFg);
}
/**/
/*——————————————————————————————————————— bottom nav links */

.postnav.bottom a:link, .postnav.bottom  a:visited,.postnav.bottom  a:hover, .postnav.bottom  a:active{
  color:var(--bottomNavFg);
}
.postnav.bottom  li{
  padding-right:20px;
  display:inline;
}
/**/

/*::::::::::::::::::::::::::::::::::::::: main */


/*——————————————————————————————————————— body */

body{
  color:var(--bodyFg);
  background-color:var(--bodyBg);
/**/
/*——————————————————————————————————————— fonts */

h1{
  font-family: Akzidenz;
  font-weight: light;
}

p{
  font-family: Bookerly;
}

a{
  font-family: Helvetica;
  text-decoration:none;
  }

/**/
/*——————————————————————————————————————— links */

/**/
/*——————————————————————————————————————— HTML tags */

h1:nth-child(1){
  color:var(--titleFg);
}
/**/
/*——————————————————————————————————————— tag spacing */

/**/
/*——————————————————————————————————————— images */

img{
  zoom:0.5;
  display:block;
  margin:8dvw auto -12dvw auto;

  border-radius:5dvw;
  border:1dvw solid #0004;
  box-shadow:0dvw 3dvw 10dvw #0003;
}

/**/

/*::::::::::::::::::::::::::::::::::::::: footer */

/*——————————————————————————————————————— fonts */

/**/

/*::::::::::::::::::::::::::::::::::::::: colors */

/*——————————————————————————————————————— colors */

/**/

/*::::::::::::::::::::::::::::::::::::::: end */