import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'

// Reset CSS básico
const globalStyles = `
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
      monospace;
  }
  
  /* Tema classes */
  .theme-light {
    background-color: #ffffff;
    color: #1c1c1c;
  }
  
  .theme-dark {
    background-color: #1c1c1c;
    color: #ffffff;
  }
  
  .theme-gradient {
    background: linear-gradient(135deg, #ff6a00 0%, #556b2f 100%);
    color: #ffffff;
  }
`

// Injetar estilos globais
const styleSheet = document.createElement('style')
styleSheet.textContent = globalStyles
document.head.appendChild(styleSheet)

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)