@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;600;700&family=Geologica:wght@300;400;500;600&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --gd: #1E3A0A;
  --gd2: #2D5016;
  --gm: #4A7C1F;
  --gl: #6BA32A;
  --ga: #A8D56B;
  --gb: #EEF4E6;
  --gbr: #C5D9A8;
  --gt: #111A0A;
  --gmu: #5A6E50;
  --white: #FAFDF7;
  --card: #FFFFFF;
  --border: #E2EDD5;
  --danger: #C0392B;
  --warn: #E67E22;
  --blue: #1C6DDB;
  --sidebar-w: 240px;
  --font-display: 'Unbounded', sans-serif;
  --font-body: 'Geologica', sans-serif;
  --r: 14px;
  --rs: 8px;
  --shadow: 0 2px 12px rgba(30, 58, 10, .08);
  --shadow-md: 0 4px 24px rgba(30, 58, 10, .12);
}

html, body {
  height: 100%;
}

body {
  font-family: var(--font-body);
  color: var(--gt);
}

.display-font {
  font-family: var(--font-display);
}