@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg-primary:  #333333;
  --bg-secondary: #1a1a1a;
  --bg-tertiary: #2a2a2a;
  --text-primary: #f1f1f1;
  --text-muted:  rgba(241,241,241,0.55);
  --accent:      #ffff00;
  --border:      rgba(241,241,241,0.12);
  --font:        'Montserrat', sans-serif;
  --verde:       #4ade80;
  --rojo:        #f87171;
  --naranja:     #fb923c;
  --azul:        #60a5fa;
}

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

body {
  font-family: var(--font);
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { font-family: var(--font); cursor: pointer; border: none; background: none; }
input, select, textarea { font-family: var(--font); }