/* 
*   Kevin Powell
*   https://youtu.be/cCAtD_BAHNw 
*/

:root {
  --extremity-height: 60px;
	--omni-color-primary: rgb(114, 132, 94);
  --omni-color-secondary: #cc6e1a;
  --omni-color-tertiary: #469936;
	--omni-color-accent: rgb(220, 230, 202);
  --omni-color-white: rgb(220, 230, 202);
  --omni-color-gold: #FFB900;
  --omni-color-silver: #CAD5E2;
  --omni-color-bronze: #E17100;
  --omni-color-error: #D64545;
  --omni-color-info: #4A90E2;
  --omni-background-color: #0e180d;
  --omni-highlight-color: #1A2918;
  --omni-paper-color: #142013;
  --omni-delimiter-color: rgba(110, 170, 85, 0.12);
  --omni-content-width: 1300px;
  --omni-space-around: 10px;
}

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

* {
  margin: 0;
  padding: 0;
  font: inherit; /* Get rid of all font sizes and heights */
  color: inherit;
}

i {
  font-style: italic;
}

strong {
  font-weight: bolder;
}

html {
  hanging-punctuation: first last; /* Not supported in Chrome */
}

body {
  min-height: 100vh;
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  background-color: var(--omni-background-color);
  color: var(--omni-color-primary);
}

body.game {
	text-transform: uppercase;
}

/* Media responsive */
img, picture, svg, video {
  display: block;
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

h1 {
  font-family: "Philosopher", sans-serif;
  text-transform: uppercase;
}

.philosopher {
  font-family: 'Philosopher', sans-serif;
}

a {
  text-decoration: none;

  &:hover {
    color: var(--omni-color-accent);
  }
}

p {
  text-wrap: pretty; /* Prevents orphans on lines */
}

.white {
  color: var(--omni-color-white);
}

.omni-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@media (prefers-reduced-motion: no-preference) {
  :has(:target) {
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
  }
}