/* ============================================================
   finance.guru theme
   Change colours, fonts and sizes here.
   site.css only uses these variables. Do not put brand
   colours in site.css.
   ============================================================ */

:root {
  /* Dark blue */
  --color-navy: #0B2545;
  --color-navy-mid: #12345A;
  --color-navy-deep: #071A30;

  /* Light blue */
  --color-blue: #2E86AB;
  --color-blue-soft: #D6EAF4;
  --color-blue-hover: #246C8A;

  /* Dark orange and light orange */
  --color-orange: #E85D04;
  --color-orange-dark: #C44500;
  --color-orange-light: #F4A261;

  /* Green */
  --color-green: #1F7A4D;
  --color-green-soft: #E6F4EC;

  /* White and neutrals */
  --color-white: #FFFFFF;
  --color-paper: #F4F7FB;
  --color-ink: #122033;
  --color-muted: #5A6A7A;
  --color-line: #D7E0E8;

  /* Fonts */
  --font-sans: "Source Sans 3", system-ui, sans-serif;
  --font-serif: "Source Serif 4", Georgia, serif;

  /* Layout */
  --width: 1160px;
  --space: 24px;
  --header-h: 68px;
  --radius: 6px;
  --hero-h: 420px;
}