/* ============================================
   App D'Origen — Tema unificado
   Paleta corporativa + tipografía + variables
   ============================================ */

:root {
  /* Verdes corporativos D'Origen */
  --primary:       #0b542b;
  --primary-light: #1a7040;
  --primary-soft:  rgba(11, 84, 43, 0.06);
  --primary-line:  rgba(11, 84, 43, 0.14);
  --accent:        #6fb85d;
  --accent-soft:   rgba(111, 184, 93, 0.12);

  /* Neutros */
  --bg:            #f5f7f5;
  --surface:       #ffffff;
  --surface-alt:   #f1f5f3;
  --border:        #d8e5dc;
  --border-soft:   #e8eee9;

  /* Texto */
  --text:          #0d1f14;
  --text-muted:    #5a7462;
  --text-soft:     #8aa090;

  /* Estados */
  --danger:        #b91c1c;
  --danger-soft:   rgba(185, 28, 28, 0.08);
  --warning:       #B8862F;
  --warning-soft:  rgba(184, 134, 47, 0.08);
  --success:       #16803d;
  --success-soft:  rgba(22, 128, 61, 0.08);

  /* Layout */
  --radius:        8px;
  --radius-lg:     12px;
  --shadow:        0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-lg:     0 8px 24px rgba(0, 0, 0, 0.08);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

/* Utilidad: ocultar */
.hidden { display: none !important; }

/* Spinner común */
.spinner {
  width: 20px; height: 20px; border: 2.5px solid var(--border);
  border-top-color: var(--primary); border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }