/*
  TokkiRGB theme controls.

  Edit this file on the pre-dev branch to customize fonts, background image,
  text sizes, background effects, and background particles without changing
  component CSS.
*/

:root {
  --font-body: "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-utility: "Courier New", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-page-nav: var(--font-utility);
  --font-wordmark: "Singsa Bold", Georgia, "Times New Roman", serif;
  --font-main-menu: "Pwetty Regular", "Sky Regular", "Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-flyer-heading: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --font-flyer-body: var(--font-body);
  --font-tab: var(--font-utility);
  --font-terminal: var(--font-utility);
  --font-footer: var(--font-body);
  --text-utility-size: 0.78rem;
  --text-page-nav-size: 0.78rem;
  --text-title-size: 4.35rem;
  --text-main-menu-size: 5.5rem;
  --text-heading-size: 5.2rem;
  --text-flyer-heading-size: 4.2rem;
  --text-flyer-body-size: 0.96rem;
  --text-tab-size: 0.54rem;
  --text-prompt-size: 2rem;
  --text-prompt-small-size: 1.1rem;
  --text-terminal-size: 0.82rem;
  --text-footer-size: 0.78rem;
  --text-placeholder-body-size: 1rem;
  --background-image: url("assets/soft-hill-background.png?v=sky-1");
  --background-dim-opacity: 0.21;
  --background-side-light-opacity: 0.18;
  --effect-dither-opacity: 0.24;
  --effect-dither-blend: soft-light;
  --effect-particle-opacity: 1;
  --particles-stars-opacity: 1;
  --particles-star-intensity: 1;
  --page-nav-inactive-opacity: 0.36;
  --main-menu-inactive-opacity: 0.34;
}