/* Proyecto: rrhh - archivo central de estilos
   Ubicación: /assets/css/project-styles.css

   Propósito:
   - Contener reglas base, variables de tema y placeholders para webfonts.
   - Ser el punto único donde agregar estilos personalizados del proyecto.
   - Complementa tailwind.min.css (si está presente) y actúa como fallback / capa de personalización.

   NOTA: Reemplaza o complementa este archivo con tu build de Tailwind si lo usas.
*/

:root{
  --bg: #f4f5f7;
  --text: #1e293b;
  --muted: #94a3b8;
  --accent: #6366f1;
  --success: #10b981;
  --danger: #ef4444;
  --card-bg: #ffffff;
  --border: #e5e7eb;
}

/* Placeholder font-face: copia las webfonts reales a /assets/webfonts/ y ajusta las rutas */
@font-face{
  font-family: 'InterLocal';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../webfonts/Inter-Variable.woff2') format('woff2');
}
@font-face{
  font-family: 'SourceSerifLocal';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url('../webfonts/SourceSerif4-Variable.woff2') format('woff2');
}

/* Reset básico */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:InterLocal, 'Inter', 'Segoe UI', Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Layout */
.container{max-width:1120px;margin-left:auto;margin-right:auto;padding:1rem}
.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem}
.rounded-lg{border-radius:10px}

/* Typography */
.h1{font-size:1.75rem;font-weight:700}
.h2{font-size:1.25rem;font-weight:600}
.small{font-size:0.9rem}
.lead{color:var(--muted)}
.font-serif-display{font-family: SourceSerifLocal, 'Source Serif 4', Georgia, serif}

/* Buttons (básicos) */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:.5rem;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-ghost{background:transparent;border-color:transparent}

/* Utilities mínimos necesarios en el proyecto */
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.text-center{text-align:center}
.mt-2{margin-top:.5rem}
.mb-4{margin-bottom:1rem}
.p-4{padding:1rem}

/* Badges simples */
.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.8rem}
.badge-success{background:rgba(16,185,129,.08);color:var(--success);border:1px solid rgba(16,185,129,.12)}
.badge-danger{background:rgba(239,68,68,.08);color:var(--danger);border:1px solid rgba(239,68,68,.12)}

/* Helpers para tarjetas de día y tareas (fallback si no se usa Tailwind) */
.day-card{background:var(--card-bg);border:1px solid var(--border);padding:1rem;border-radius:10px}
.task-row{padding:.75rem;border-bottom:1px solid rgba(0,0,0,.03)}
.task-row:last-child{border-bottom:0}

/* Responsive básico */
@media (max-width:720px){
  .container{padding:.75rem}
  .h1{font-size:1.4rem}
}

/* Espacio para reglas específicas del proyecto (añade aquí) */

/* END project-styles.css */