/* base.css */

/* ==========================
   Variables globales
   ========================== */

:root {
  /* Paleta principal */
  --primary: #112F6D;
  --primary-light: #1a4a9e;
  --primary-dark: #0d2450;
  --dark: #0A1A3A;
  --secondary: #1a4a9e;

  /* Colores de apoyo */
  --accent: #4fc3f7;
  --light: #F0F5FF;
  --white: #ffffff;
  --gray: #6c757d;
  --success: #058b2d;
  --danger: #7e0404ad;

  /* Nuevos colores para el diseño moderno */
  --glass: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.4);
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  --gradient-accent: linear-gradient(135deg, var(--accent) 0%, #42a5f5 100%);
  --gradient-card: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(240, 245, 255, 0.9) 100%);
  --glass-dark: rgba(10, 26, 58, 0.75);
  --glass-dark-border: rgba(10, 26, 58, 0.5);

  /* Efectos y bordes */
  --border-radius: 16px;
  --border-radius-sm: 8px;
  --transition: all 0.3s ease;
  --cs-max: 1400px;
  --cs-card-bg: var(--surface, #fff);
  --cs-border: var(--border, #e5e7eb);
  --cs-shadow: 0 8px 28px rgba(16, 24, 40, 0.08);
}
/* ==========================
   Reset y box-sizing
   ========================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ==========================
   Estilos globales de body
   ========================== */
body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  background-color: var(--light);
  color: var(--dark);
}

/* INDEX */
/* CONFLICTOS */
/* LIBERADAS */
/* MATCHINGTOOL_TITULO */
/* MATCHINGTOOL_ISRC */
/* HISTORIAL_MATCHINGTOOL */
/* LYRICFIND_PENDIENTES */
/* LYRICFIND_HISTORIAL */
/* REPORTE */