:root {
    --primary-light: #E2BF4E;
    --primary: #515151; /* #CBA135 */
    --primary-dark: #4a4a4a; /* #af7f03 */
    
    --secondary-light: #FFFDB8;
    --secondary: #DAC471;
    --secondary-dark: #72560e;
    
    --grey-light: #999999;
    --grey: #555555;
    --grey-dark: #1d1b1b;
    
    --white: #fff;
    --black: #000;
}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    display: flex;
    justify-content: center;
    background-color: var(--black);
    color: var(--primary);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100vh;
}
@supports (height: 100dvh) {
  body {
    height: 100dvh;
  }
}