/* =========================================================================
   VARIABLES GLOBALES Y TIPOGRAFÍA (Estilo Corporativo / Agrícola MVC)
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Roboto:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* =========================================================================
   IMPORTACIÓN DE COMPONENTES
   ========================================================================= */
@import 'admin-layout.css';
@import 'login.css';
@import 'dashboard.css';
@import 'noticias.css';
@import 'podcasts.css';
@import 'pizarra.css';
@import 'feedbacks.css';

:root {
  /* Paleta Corporativa Agrícola */
  --primary-color: #0ce956;
  --primary-color-hover: rgba(12, 233, 86, 0.9);
  --primary-color-shadow: rgba(12, 233, 86, 0.3);
  
  --bg-dark: #102216;
  --bg-dark-panel: rgba(16, 34, 22, 0.65);
  --bg-light: #f5f8f6;
  
  --text-main: #f1f5f9; /* slate-100 */
  --text-muted: #94a3b8; /* slate-400 */
  --text-placeholder: #64748b; /* slate-500 */
  
  --border-glass: rgba(12, 233, 86, 0.15);
  --border-input: rgba(12, 233, 86, 0.2);
  
  --error-bg: rgba(239, 68, 68, 0.1);
  --error-border: rgba(239, 68, 68, 0.2);
  --error-text: #f87171;
  
  /* Fuentes */
  --font-display: 'Inter', sans-serif;
  --font-secondary: 'Roboto', sans-serif;

  /* Estilos Elementos */
  --br-lg: 0.5rem;
  --br-xl: 0.75rem;
}

body {
  font-family: var(--font-display);
  background-color: var(--bg-dark); /* Dark Mode por defecto */
  color: var(--text-main);
  margin: 0;
  padding: 0;
}