:root {
  --color-background-page: #eef4ff;
  --color-background-header: #a4cdff;
  --color-background-sidebar: #bedafc;
  --color-background-form: #e0eeff;
  --color-text: #082007;
  --color-text-inverted: white;
  --color-accent-heading: #00459a;
  --color-accent-link: #00234d;
  --color-border-soft: #c6d7ff;
  --color-surface: #ffffff;           
  --color-surface-muted: #f8fafc;
  --shadow-1: 0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);

  --font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-size-base: 1rem;
  --font-size-h1: 2rem;
  --font-size-h2: 1.5rem;
  --line-height-base: 1.6;
}

body.dark-mode {
  --color-background-page: #061731;
  --color-background-header: #000f24;
  --color-background-sidebar: #061943;
  --color-background-form: #003a80;
  --color-text: #e6edf3;
  --color-text-inverted: #0d1117;
  --color-accent-heading: #8ab4ff;
  --color-accent-link: #8bc1ff;
  --color-border-soft: #2b3440;
  --color-surface: #1a3878;   
  --color-surface-muted: #111827; 
  --shadow-1: none; 
}