/**
 * === Fonts for English (en), Rumi Malay (ms), and general Latin text ===
 * Website header: Kavoon (fallback: fantasy)
 * Page headings: Dancing Script (fallback: cursive)
 * Main content: Nunito Sans (fallback: sans-serif)
 * Font to cover all code: Fira Code (fallback: ui-monospace, monospace)
 * Note: Twemoji Mozilla must be one of fallback so that emoji would appear
 *
 * This file is written by Yaya MNH48 and licensed under MIT.
 *
 */

/**
 * === Website header: Kavoon ===
 *
 * Font is Copyright (c) 2011-2012, Sorkin Type Co (www.sorkintype.com)
 * with Reserved Font Name 'Kavoon'
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * 
 * The woff2 file loaded is compressed from the origin ttf file downloaded
 * from GitHub repository https://github.com/SorkinType/Kavoon/
 * as at commit 024a4f5, using the woff2_compress code that were built from
 * source as at the commit fb9c337 from https://github.com/google/woff2/
 *
 * CSS code below loads normal regular (weight 400) font
 * This font does not exist in italic font style.
 *
 */

@font-face {
  font-family: 'Kavoon';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/kavoon/web/Kavoon-Regular.woff2') format('woff2');
}

/**
 * === Page headings: Dancing Script ===
 *
 * Font is Copyright 2016 The Dancing Script Project Authors
 * (https://github.com/googlefonts/DancingScript),
 * with Reserved Font Name 'Dancing Script'.
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * 
 * The woff2 file loaded is compressed from the origin ttf file downloaded
 * from GitHub repository https://github.com/googlefonts/DancingScript/
 * as at commit 81c9a91, using the woff2_compress code that were built from
 * source as at the commit fb9c337 from https://github.com/google/woff2/
 *
 * CSS code below loads normal variable (weight 400 to 700) font
 * This font does not exist in italic font style.
 *
 */

@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/DancingScript/web/DancingScript.woff2') format('woff2 supports variations'),
       url('../fonts/DancingScript/web/DancingScript.woff2') format('woff2-variations');
}

/**
 * === Main content: Nunito Sans ===
 *
 * Font is Copyright 2016 The Nunito Sans Project Authors
 * (https://github.com/Fonthausen/NunitoSans)
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * 
 * The woff2 files loaded are compressed from the respective ttf files
 * downloaded from GitHub repository https://github.com/googlefonts/NunitoSans/
 * as at commit ee553a6, using the woff2_compress code that were built from
 * source as at the commit fb9c337 from https://github.com/google/woff2/
 *
 * CSS codes below for loading the fonts are arranged in this order:
 * - normal variable regular (weight 200 to 900)
 * - italic variable medium (weight 200 to 900)
 *
 */

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url('../fonts/NunitoSans/web/NunitoSans.woff2') format('woff2 supports variations'),
       url('../fonts/NunitoSans/web/NunitoSans.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url('../fonts/NunitoSans/web/NunitoSans-Italic.woff2') format('woff2 supports variations'),
       url('../fonts/NunitoSans/web/NunitoSans-Italic.woff2') format('woff2-variations');
}

/**
 * === Font to cover all code: Fira Code ===
 *
 * Font is Copyright 2014-2020 The Fira Code Project Authors
 * (https://github.com/tonsky/FiraCode)
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 *
 * The woff2 file loaded is compressed from the origin ttf file downloaded
 * from Google Fonts https://fonts.google.com/specimen/Fira+Code
 * as at 6:05:49 PM on Friday, 24 July 2026, UTC+8, using the woff2_compress
 * code that were built from source as at the commit fb9c337 from
 * https://github.com/google/woff2/
 *
 * CSS code below loads normal variable (weight 300 to 700) font
 * This font does not exist in italic font style.
 *
 */

@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/FiraCode/web/FiraCode-VariableFont_wght.woff2') format('woff2 supports variations'),
       url('../fonts/FiraCode/web/FiraCode-VariableFont_wght.woff2') format('woff2-variations');
}

/**
 * === Applies font to the theme ===
 *
 * These codes apply the font to the theme components, also serve as default
 *
 * Order of the CSS codes:
 * - Set default font for everything
 * - Override font for page headings (h1, h2, h3, h4, h5)
 * - Override font for website header (.websitetitle and .webpagetitle)
 * - Override font for code (code, kbd, samp, pre)
 *
 */

* {
  font-family: 'Nunito Sans', 'Fira Code', 'Twemoji Mozilla', sans-serif;
  font-size: 18px;
}

h1, h2, h3, h4, h5 {
  font-family: 'Dancing Script', 'Twemoji Mozilla', cursive;
}

.websitetitle, .webpagetitle {
  font-family: 'Kavoon', 'Twemoji Mozilla', fantasy;
}

code, kbd, samp, pre, code *, kbd *, samp *, pre * {
  font-family: 'Fira Code', 'Twemoji Mozilla', ui-monospace, monospace;
  -webkit-font-feature-settings:
    'cv01' 1,
    'cv02' 1,
    'cv05' 1,
    'cv11' 1,
    'cv16' 1,
    'cv17' 1,
    'cv25' 1,
    'cv26' 1,
    'cv27' 1,
    'cv29' 1,
    'cv32' 1,
    'ss01' 1,
    'ss03' 1,
    'ss05' 1,
    'ss07' 1,
    'ss10' 1;
  -moz-font-feature-settings:
    'cv01' 1,
    'cv02' 1,
    'cv05' 1,
    'cv11' 1,
    'cv16' 1,
    'cv17' 1,
    'cv25' 1,
    'cv26' 1,
    'cv27' 1,
    'cv29' 1,
    'cv32' 1,
    'ss01' 1,
    'ss03' 1,
    'ss05' 1,
    'ss07' 1,
    'ss10' 1;
  font-feature-settings:
    'cv01' 1,
    'cv02' 1,
    'cv05' 1,
    'cv11' 1,
    'cv16' 1,
    'cv17' 1,
    'cv25' 1,
    'cv26' 1,
    'cv27' 1,
    'cv29' 1,
    'cv32' 1,
    'ss01' 1,
    'ss03' 1,
    'ss05' 1,
    'ss07' 1,
    'ss10' 1;
  font-size: 0.95em;
}

pre {
  background-color: #663399;
  border: #9370db solid 1px;
  padding: 10px 10px;
}

code.highlighter-rouge {
  background-color: #663399;
  border: #9370db solid 1px;
  padding: 2px 2px;
}