hibiki.css

/* base variables */

/* m-plus-1p-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/m-plus-1p-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/m-plus-1p-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/m-plus-1p-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/m-plus-1p-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/m-plus-1p-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/m-plus-1p-v27-latin-regular.svg#MPLUS1p') format('svg'); /* Legacy iOS */
}

html {
  /*-- Main font sizes --*/
  --title-size:      18px;
  --body-size:       1rem;
  --code-size:       14px;
  --aside-size:      12px;
  --fig-cap-size:    12px;
  /*-- Main font colors --*/
  --title-color:     #02141c;
  --header-color:    #02141c;
  --body-color:      #02141c;
  --aside-color:     #02141c;
  --fig-cap-color:   #02141c;
  /*-- Specify custom fonts ~~~ must be imported above   --*/
  --heading-font:    'M PLUS 1p', sans-serif;
  --mono-font:       Inconsolata, monospace;
  --body-font:       'M PLUS 1p', sans-serif;
  --navbar-font:     'M PLUS 1p', sans-serif;  /* websites + blogs only */
}

/*-- ARTICLE METADATA --*/
d-byline {
  --heading-size:    0.6rem;
  --heading-color:   #02141c;
  --body-size:       0.8rem;
  --body-color:      #02141c;
}

/*-- ARTICLE TABLE OF CONTENTS --*/
.d-contents {
  --heading-size:    14px;
  --contents-size:   12px;
}

/*-- ARTICLE APPENDIX --*/
d-appendix {
  --heading-size:    14px;
  --heading-color:   #02141c;
  --text-size:       0.8em;
  --text-color:      #02141c;
}

/*-- WEBSITE HEADER + FOOTER --*/
/* These properties only apply to Distill sites and blogs  */

.distill-site-header {
  --title-size:       16px;
  --text-color:       #02141c;
  --text-size:        14px;
  --hover-color:      #dd424c;
  --bkgd-color:       rgba(250, 250, 251, 0.8);
}

.distill-site-footer {
  --text-color:       #02141c;
  --text-size:        11px;
  --hover-color:      #dd424c;
  --bkgd-color:       #ffffff;
}