@charset "utf-8";
/* ***********************************************************************
 *
 *  File:   global_site.css
 *
 *  Brief:  Base styles shared by the main site (global_desktop.css) and the
 *          document section (docs/source/common.css): design tokens and
 *          the typographic baseline. Load this file first; page and section
 *          stylesheets add their own colours, layout and components on top.
 *
 *          Fonts are loaded by the pages themselves (Google Fonts link):
 *          Inter, Crimson Pro, Material Icons.
 *
 *  Author: Jomar Hønsi, 2026
 *
 * ************************************************************************/

:root {
  /* Fonts */
  --main-font: 'Inter', system-ui, Verdana, sans-serif;
  --heading-font: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;

  /* Page background (olive gradient, used by the main site and the database) */
  --bg-body: #4b5320;
  --bg-body-light: #c1ca9b;

  /* Content container (white-ish page sheet) */
  --bg-container: #f5f3ee;
  --shadow-container: 0 4px 32px rgba(0, 0, 0, 0.45);
  /* Page header (site header and document header bar) */
  --bg-header: rgba(132, 134, 10, 0.15);
  --border-header: #c8c0a8;
  --fg-header-title: #1a1a3e;
}

/* Typographic baseline */
body {
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}
