@import "mvp.css";

:root {
  --border-radius: 5px;
  --box-shadow: 2px 2px 10px;
  --color: #17640F;
  --color-accent: #97E6A0;
  --color-bg: #fafafa;
  --color-bg-secondary: #0E3D13;
  --color-secondary: #17640F;
  --color-secondary-accent: #97E6A0;
  --color-shadow: #97E6A0;
  --color-text: #000;
  --color-text-secondary: #1B7725;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --hover-brightness: 1.2;
  --justify-important: center;
  --justify-normal: left;
  --line-height: 150%;
  --width-card: 285px;
  --width-card-medium: 460px;
  --width-card-wide: 800px;
  --width-content: 1080px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color: #97E6A0;
    --color-accent: #17640F;
    --color-bg: #001932;
    --color-bg-secondary: #0E3D13;
    --color-secondary: #97E6A0;
    --color-secondary-accent: #17640F;
    --color-shadow: #97E6A0;
    --color-text: #fff;
    --color-text-secondary: #97E6A0;
  }
}

footer nav, header nav:last-child {
  margin-bottom: 0;
}