/*  style.css: Estilos gerais e responsividade */

/* 1. Import de fontes */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@700;900&family=Raleway:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
  /* — Cores Dark Mode — */
  --color-primary:        #EB004B;
  --color-primary-2:      #C1003F;
  --color-primary-3:      #A10035;
  --color-black:          #1C1C1C;
  --color-black-2:        #2E2E2E;
  --color-black-3:        #3F3F3F;
  --color-white:          #F5F5F5;
  --color-white-2:        #E0E0E0;
  --color-white-3:        #CCCCCC;
  --color-text-primary:   #F5F5F5;
  --color-text-secondary: #DADADA;
  --color-bg:             #1C1C1C;

  /* — Cores Light Mode (não ativado ainda) — */
  --color-text-primary-light:   #1C1C1C;
  --color-text-secondary-light: #8C8C8C;

  /* — Tipografia — */
  --font-body:      'Raleway', sans-serif;
  --font-heading:   'League Spartan', sans-serif;
}
  
/* Reset básico e tipografia */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway', sans-serif;
    background-color: #1f1f1f;
    /* Cor escura de fundo */
    color: #f5f5f5;
    /* Cor clara de texto */
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    cursor: pointer;
    border: none;
    background: none;
    color: inherit;
}