/* variables.css */
:root {
    --black: #000000;
    --white: #FFFFFF;
    --red: #FF0000;
    --yellow: #FFD700;
    --gray: #1A1A1A;
    --light-gray: #333333;
    
    --font-main: 'Syne Mono', monospace;
    --font-heading: 'Rubik Mono One', sans-serif;
    --font-accent: 'Road Rage', cursive;
    --font-logo: 'Black Ops One', cursive;
}

:root {
  /* Cores */
  --red: #ff0000;
  --black: #000;
  --white: #fff;
  
  /* Fontes */
  --font-main: 'Roboto', sans-serif;
  --font-accent: 'PunkFont', Impact, sans-serif;
  
  /* Responsividade */
  --mobile-padding: 1rem;
  --header-height: 60px;
  
  @media (min-width: 768px) {
    --mobile-padding: 1.5rem;
    --header-height: 70px;
  }
  
  @media (min-width: 1024px) {
    --mobile-padding: 2rem;
    --header-height: 80px;
  }
}

/* global/variables.css */
.modal-open {
    overflow: hidden;
    height: 100%;
}