/* ===================================
   THEME - CSS Custom Properties
   Edit this file to change colors and
   fonts across the entire site at once.
   =================================== */

:root {
  /* --- Brand Colors --- */
  --color-primary: #637a43; /* accent color (section headers, highlights) */
  --color-dark: #1e254f; /* navbar background, footer background */
  --color-text: #212529; /* default body text color */
  --color-border: #dee2e6; /* borders on cards, list items, layout */
  --color-bg-light: #f8f9fa; /* light background panels */
  --color-white: #ffffff;

  /* --- Typography --- */
  --font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --line-height-base: 1.5;

  /* --- Layout --- */
  --container-max-width: 1200px;

  /* --- Spacing Scale --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;

  /* --- Border Radius --- */
  --border-radius: 0.25rem;
  --border-radius-lg: 0.5rem;
}