/* .css for https://www.cbeaume.com */
/* To be imported by cbeaume2026.css */
/* Author: Cédric Beaume */
/* Date: 2026 */


/* ==== Global Variables ==== */

html {
  font-size: 15px; /* basic font size */
}

:root {
  /* Defines font sizes */
  --font-size-name: 1.6rem;
  --font-size-career: 1.15rem;
  --font-size-section: 1.4rem;
  --font-size-subsection: 1.3rem;
  --font-size-chapter: 1.15rem;
  --font-size-hamburger: 1.5rem;
  --font-size-bottom: 0.8rem;
  --font-size-caption: 0.9rem;
  /* Defines spaces */
  --space-0: 0.25rem; /* 0.25 html font-size */
  --space-1: 0.5rem; /* 0.5 html font-size */
  --space-2: 1rem; /* html font-size */
  --space-3: 1.5rem; /* 1.5 html font-size */
  --space-4: 2rem; /* 2 html font-size */
  /* Color scheme */
  --main-background: #4b4a47; /* webpage background */
  --text-background: #fcfcfb; /* text box background */
  --secondary-background: #f1f1ef; /* side panel and footer background */
  --border-color: #d2d2cf; /* color of the border */
  --font-color: #2e2e2e; /* basic text color */
  --author-color: #243a6b; /* color of author name */
  --section-color: #7a2f2f; /* color of sections */
  --link-color: #3a5fa3; /* color of links */
  --link-hover-color: #244a8a; /* color of hovered links */
  --nav-link-color: #2f4f8f; /* color of navigation links */
  --nav-link-hover-color: #244a8a; /* color of hovered navigation links */
  --mobile-sidebar-border: #ddd; /* color of mobile website sidebar */
  /* Other variables */
  --portrait-overlap: -80px; /* portrait displacement in the vertical direction */
  --portrait-overlap-mobile: -60px; /* portrait displacement in the vertical direction */
}