/*
 * theme-lcd: old LCD look, a greenish-gray background with a slight backlight.
 * Turn it on with `themeColor = "theme-lcd"` under [params] in hugo.toml,
 * which adds the class to <body>, like Hyde's own theme-base-XX colors.
 */
.theme-lcd {
  --lcd-bg: #cdd5bd;      /* page background */
  --lcd-panel: #c2cab0;   /* boxes: plain code, table stripes, buttons */
  --lcd-line: #aab397;    /* borders */
  --lcd-text: #33392b;    /* body text */
  --lcd-strong: #1f2419;  /* headings */
  --lcd-muted: #4f5744;   /* dates, labels */
  --lcd-link: #0f5c5c;    /* dark teal links */
  --lcd-code: #8a3540;    /* inline code text */

  /* Shared with the layout styles in head.html */
  --muted: var(--lcd-muted);
  --line: var(--lcd-line);

  background-color: var(--lcd-bg);
  color: var(--lcd-text);
}
.theme-lcd h1, .theme-lcd h2, .theme-lcd h3,
.theme-lcd h4, .theme-lcd h5, .theme-lcd h6,
.theme-lcd strong { color: var(--lcd-strong); }

/* Fonts (SIL Open Font License, see the .txt files in /fonts/).
   English pages only; Japanese pages keep the default fonts.
   To switch, change --lcd-heading-font and --lcd-heading-weight below. */
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-mono-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
}
/* Body font: Lora, variable weight 400–700 (regular and bold in one file). */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/lora-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/lora-latin-wght-italic.woff2") format("woff2");
}
.theme-lcd:lang(en) .content {
  font-family: "Lora", Georgia, serif;
}

.theme-lcd {
  --lcd-heading-font: "Space Mono";   /* or "IBM Plex Mono" */
  --lcd-heading-weight: 700;          /* Space Mono: 700; IBM Plex Mono: 600 */
}
.theme-lcd:lang(en) .content h1,
.theme-lcd:lang(en) .content h2,
.theme-lcd:lang(en) .content h3 {
  font-family: var(--lcd-heading-font), "SF Mono", Menlo, Consolas, monospace;
  font-weight: var(--lcd-heading-weight);
  letter-spacing: -.01em;
}

.theme-lcd .sidebar { border-color: var(--lcd-line); }

.theme-lcd .content a { color: var(--lcd-link); }
.theme-lcd .content h1 a { color: var(--lcd-strong); }
.theme-lcd .post-date,
.theme-lcd time { color: var(--lcd-muted); }

.theme-lcd code { color: var(--lcd-code); background-color: var(--lcd-panel); }
.theme-lcd pre { background-color: var(--lcd-panel); }
/* Code inside a block keeps the block's colors (e.g. Monokai for highlighted code). */
.theme-lcd pre code { color: inherit; background-color: transparent; }
.theme-lcd blockquote { color: var(--lcd-muted); border-left-color: var(--lcd-line); }
.theme-lcd hr { border-top-color: var(--lcd-line); border-bottom-color: var(--lcd-bg); }

.theme-lcd th,
.theme-lcd td { border-color: var(--lcd-line); }
.theme-lcd tbody tr:nth-child(odd) td,
.theme-lcd tbody tr:nth-child(odd) th { background-color: var(--lcd-panel); }

.theme-lcd .pagination li a { background-color: var(--lcd-panel); color: var(--lcd-text); border-color: var(--lcd-line); }
.theme-lcd .pagination li.active a:link,
.theme-lcd .pagination li.active a:visited { background-color: var(--lcd-line); }